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"] }，
      ],
    }
   }
 }