vue项目是基于element框架做的,在做form表单时,要做些验证,element框架也提供了自定义验证
下面是一些常见的验证
只允许输入数字:
可以直接用框架的rule去验证,但必须在model后加上number
<el-form-item label="姓名:">
<el-input v-model.number="num"></el-input>
</el-form-item>
num: [
{required: true, message: '请输入数量'},
{type: 'number', message: '数量必须为数字值'}
],
只允许输入数字和小数:
<el-input v-model="items.volume" oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
过滤中文:
<el-input v-model="form.trailer.so_no" oninput="value=value.replace(/[\u4e00-\u9fa5]/g, '')"></el-input>