avue-crud在option表单中邮政编码、对价格小数点后两位非负数、对数字位数、汉字、身份证的验证

目录

 1、对大于等于0的数字的验证,允许小数

 2、举个例子:avue-crud的option表单中邮政编码的验证

3、对价格小数点后两位非负数

4、对数字位数+非负整数,此处是限制7位非负整数数字

5、对字符的校验,限制为多少位,此处为10位字符

6、对汉字的校验,此处为2-10位的汉字的约束

7、对身份证号的校验、位数18位,最后一位可为大小写的Xx

8、对座机电话或手机号的校验


 1、对大于等于0的数字的验证,允许小数

 /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/.test(value)

 2、举个例子:avue-crud的option表单中邮政编码的验证

          {
            label: "邮政编码",
            prop: "aae007",
            rules: [
              {
                required: false,
                message: "请输入邮政编码",
                trigger: "blur",
                 validator: function (rule, value, callback) {
                  if (/^[0-9]{6}$/.test(value) == false) {
                    callback(new Error("请输入正确的邮政编码"));
                  } else {
                    callback();
                  }
                },
              }
            ]
          }

正则表达式:

/^[0-9]{6}$/

3、对价格小数点后两位非负数

 rules: [
              {
                required: false,
                trigger: "blur",
                 validator: function (rule, value, callback) {
                  if (/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^[0-9]\.[0-9]([0-9])?$)/.test(value) == false) {
                    callback(new Error("请输入有效的数字,支持到小数点后两位"));
                  } else {
                    callback();
                  }
                }
              }
            ],

4、对数字位数+非负整数,此处是限制7位非负整数数字

 rules: [
              {
                required: false,
                trigger: "blur",
                validator: function (rule, value, callback) {
                  if (/^\d{7}$/.test(value) == true) {    
//限制为7位数  还可以限制范围/^\d{4,8}$/  4位-8位数字
                    if (/^[1-9]d*|0$/.test(value) == true) {//限制为非负整数
                      callback();
                    } else {
                      callback(
                        new Error("请输入7位非负整数")
                      );
                    }
                  } else {
                    callback(new Error("请输入7位非负整数"));
                  }
                },
              },
            ],

5、对字符的校验,限制为多少位,此处为10位字符

!/^.{0,10}$/.test(value)

6、对汉字的校验,此处为2-10位的汉字的约束

/^[\u4e00-\u9fa5]{2,10}$/.test(value)

7、对身份证号的校验、位数18位,最后一位可为大小写的Xx

/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(
          value
        )

8、对座机电话或手机号的校验

/^((0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/.test(item)

 

你可能感兴趣的:(avue,vue,elementui,js,前端,javascript)