个人笔记---el-form正则表达式表单input输入框验证

个人笔记—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){
		......
	}
}