//校验手机 checkPhone(rule, value, callback){ if (value) { let isPhone = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/; let reg = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/; if (!reg.test(value) && !isPhone.test(value) && value) { callback(new Error("请输入正确的手机号")); } else { callback(); } } else { callback(); } }, rules: { telephone:[ { validator:(rule, value, callback) => checkPhone(rule, value, callback),trigger: "change" }, ] }, 怎么把checkPhone方法放到rules: { telephone:[]}
时间: 2024-03-20 14:41:10 浏览: 169
【JavaScript源代码】vue 使用rules对表单字段进行校验的步骤.docx
可以将checkPhone方法直接放到rules: { telephone:[] } 中的数组中,作为一个单独的验证器对象。具体代码如下:
```
rules: {
telephone: [
{
validator: (rule, value, callback) => {
if (value) {
let isPhone = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
let reg = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
if (!reg.test(value) && !isPhone.test(value) && value) {
callback(new Error("请输入正确的手机号"));
} else {
callback();
}
} else {
callback();
}
},
trigger: "change"
}
]
}
```
这样就可以在使用该验证器时直接调用checkPhone方法了。
阅读全文