方法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"] }，
],
}
}
}
文章来源地址https://www.toymoban.com/news/detail-584552.html
文章来源：https://www.toymoban.com/news/detail-584552.html
到了这里，关于element UI表单验证自定义规则rules validator （中文、数字和英文 / 数字和小数点）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
