vue + element 使用rules 完成数字校验

twoYearsOld

已于 2022-02-22 15:44:22 修改

阅读量2.2k

点赞数 3

分类专栏： vue 文章标签： vue.js javascript elementui

于 2022-02-22 15:34:52 首次发布

本文链接：https://blog.csdn.net/zhentia/article/details/123069648

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在 data() {} 添加自定义单元格验证规则
   var isnumber = (rule, value, callback) => {
          var regPos = /^\d+(\.\d+)?$/; //非负浮点数
          var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数
          if(regPos.test(value) || regNeg.test(value)) {
            callback();
          } else {
            callback(new Error('请输入数字'));
          }

      };
     rules使用该方法
     rules: {
        plantId: [
          { required: true, message: "工厂编码不能为空", trigger: "blur" }
        ],
        matMappingPeriod: [
       { validator: isnumber, trigger: "change" },
        ],
      }