在组件Form中添加rules约束rules="ruleValidate"
//rules为校验数据
<FormItem prop="UserId" :rules="ruleValidate">
<input value="busiMail"></input>
</FormItem>
数据中添加ruleValidate,并添加validator验证
//validator具体验证方法
ruleValidate:{busiMail :[{validator:validatechinese}]}
添加验证方法validatechinese
//验证录入信息不能为汉字
const validatechinese = (rule,value,callback)=>{
var reg =/[\u4E00-\u9FA5]/;
if(res.test(value)){
callback(new Error(''));
}else{
callback()
}
}
注意:表单添加校验时,需要给 Form 设置属性 rules,即 “:rules="ruleValidate"”,
同时给需要验证的 FormItem 设置属性 prop 指向对应字段,即 “:prop="busiMail"”。