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 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>