1 验证手机号
/*首先看template部分,v-model后面记得要加.number的修饰符*/
<el-form-item label="手机号" prop="mobile" >
<el-input v-model.number="addform.mobile" maxlength="11"></el-input>
</el-form-item>
/*然后是script的部分
这里先验证是不是空的,再验证是不是数字,最后验证是不是正确的手机号格式
*/
mobile: [
{ required: true, message: '手机号不能为空'},
{ type: 'number', message: '手机号必须为数字'},
{pattern:/^1(3|4|5|6|7|8|9)\d{9}$/,message: '手机号格式不对',trigger: 'blur'}
]
2 验证身份证号
//template部分
<el-form-item label="身份证号" prop="idNumber" >
<el-input v-model="addform.idNumber" maxlength="18"></el-input>
</el-form-item>
//script部分
idNumber: [
{ required: true, message: '身份证号不能为空'},
{ type: 'string', message: '身份号必须为数字'},
{pattern:/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
message: '不是合法的身份证号!',trigger: 'blur'}
],
注意:上面的pattern里面的东西是不用加引号的哦