iview表單支持自定義驗(yàn)證規(guī)則戒财,可以完成更復(fù)雜的驗(yàn)證,下面以驗(yàn)證手機(jī)號(hào)為例械巡,說(shuō)明使用方法:
//在組件的data里 聲明驗(yàn)證規(guī)則:
const validatePhone = (rule, value, callback) => {
if (!value) {
return callback(new Error('手機(jī)號(hào)不能為空'));
} else if (!/^1[34578]\d{9}$/.test(value)) {
callback('手機(jī)號(hào)格式不正確');
} else {
callback();
}
};
//在表單驗(yàn)證規(guī)則里使用
ruleValidate:{
phone:[{validator:validatePhone,trigger:'blur'}]
}
//注意:表單添加校驗(yàn)時(shí)葛作,需要給 Form 設(shè)置屬性 rules膀篮,即 “:rules="ruleValidate"”,
同時(shí)給需要驗(yàn)證的 FormItem 設(shè)置屬性 prop 指向?qū)?yīng)字段,即 “:prop="phone"”衍腥。