当在使ElementUI el-form组件用自定义表单验证规则的时候,必须保证自定义校验规则的每一层都调用了callback方法,否则会导致el-form组件的validate方法无法进入回调函数。
//这样写才能进入validate回调
certfNo: [
{ required: true, message: "证件号码不能为空", trigger: "blur" },
{
trigger: "blur",
validator: function(rule, value, callback) {
if (!validIdCard(value)) {
return callback(new Error("请输入正确的证件号码"));
}
//外面一层也要调用回调
return callback();
}
}
]
//如果是这样写的话是无法validate回调的
certfNo: [
{ required: true, message: "证件号码不能为空", trigger: "blur" },
{
trigger: "blur",
validator: function(rule, value, callback) {
if (!validIdCard(value)) {
callback(new Error("请输入正确的证件号码"));
}
}
}
]