element UI表单验证自定义规则rules validator (中文、数字和英文 / 数字和小数点)
方法1
data() {
// 限制element-ui表单中input框只能输入中文、数字和英文
var validateName = (rule, value, callback) => {
const reg= /^[A-z0-9\u4e00-\u9fa5]*$/;
if (!reg.test(value)) {
callback(new Error("名称只能包含数字、汉字、英文"));
} else {
callback();
}
};
retrun {
rules: {
name: [
{ required: true, , message: "名称不能为空", trigger: "blur"},
{ validator: validateName , trigger: "blur"},// 错误提示会显示validatePrice的Error信息
],
}
}
}
方法2
data() {
retrun {
rules: {
name: [
{ required: true, message: "名称不能为空", trigger: "blur" },
{ pattern: /^[A-z0-9\u4e00-\u9fa5]*$/, message: "名称只能包含数字、汉字、英文", trigger: ["blur"] },
],
}
}
}
版权声明:本文为qq_37831545原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。