方法1
data() {
// 限制element-ui表單中input框只能輸入中文、數(shù)字和英文
var validateName = (rule, value, callback) => {
const reg= /^[A-z0-9\u4e00-\u9fa5]*$/;
if (!reg.test(value)) {
callback(new Error("名稱只能包含數(shù)字、漢字、英文"));
} 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: "名稱只能包含數(shù)字、漢字、英文", trigger: ["blur"] }，
],
}
}
}
文章來源地址http://www.zghlxwxcb.cn/news/detail-584552.html
文章來源：http://www.zghlxwxcb.cn/news/detail-584552.html
到了這里，關(guān)于element UI表單驗證自定義規(guī)則rules validator （中文、數(shù)字和英文 / 數(shù)字和小數(shù)點）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
