element中对手机号和身份证号的验证

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里面的东西是不用加引号的哦