el-form 手机号正则
时间: 2023-11-20 21:54:52 浏览: 76
el-form 手机号正则可以通过自定义验证规则来实现。在Vue组件中,可以通过以下代码来实现el-form手机号正则验证:
```javascript
data() {
// 表单数据
return {
ruleForm: {
phone: ''
},
// 自定义验证规则
rules: {
phone: [
{
validator: (rule, value, callback) => {
if (!value) {
callback(new Error('手机号不能为空!'));
} else if (!/^1[3456789]\d{9}$/.test(value)) {
callback(new Error('手机号不正确!'));
} else {
callback();
}
},
trigger: 'blur'
}
]
}
}
}
```
在上述代码中,自定义验证规则中的 `validator` 函数使用正则表达式 `/^1[3456789]\d{9}$/` 来验证手机号码格式是否正确。如果手机号码为空或格式不正确,则会通过 `callback` 函数返回错误信息。如果手机号码格式正确,则会通过 `callback` 函数返回空。
阅读全文