个人笔记—el-form正则表达式表单验证
// 定义正则表达式验证规则
let patter = /^[\u0391-\uFFE5]+$/;
// 定义验证方法
let testPageName= (rule, value, callback) => {
// 用正则表达式校验输入的值
if (!patter.test(value)) {
// 不符合正则表达式 发出报错提示
return callback(new Error('请输入中文'))
} else {
callback()
}
};
data():{
// 此处对应el-form的 :rules="pageRules"
pageRules:{
// 对应:prop="pageName"
pageName:[
// 是否是必填项
{required:true},
// 指定函数进行校验
{validator:testPageName}
]
}
}
// 在提交表单的方法中验证是否可以提交
// ruleForm 对应el-form中的 ref="ruleForm"
this.$refs['ruleForm'].validate(valid => {
//判断表单中的值是否都符合了pageRules中的规则
if (valid){
......
}
}