form上rules 表单验证规则之金额

我们在用写后台管理时候会有一些数据需要用到新增，新增的话element-ui里面常用到form，那么form里面会用到一些规则来限制传入的参值，

这个时候前端这块就会去做一些规则限制，本文作为随手笔记，记录一种规则方法（金额）

那么需要输入的是金额，需要什么规则，

金额，可能是整数，可能是带有一位小数，可能是带有两位小数

在规则里面先定义

rules: {
　　　　//表单验证规则
        orgAsset: [
          { required: true, message: "请输入金额", trigger: "blur"},
          { validator: isOrgAsset, trigger: "blur" },
        ],
　　}

然后再data里面去定义

  data() {
        // 定义表单验证函数
        var isOrgAsset = (rule, value, callback) => {
　　　　//rule--规则，value--传入的值，callback--回调函数
       // 判断小数点数量 
      var pattern = /^\d+.?\d{0,2}$/;
　　　　//判断传入的金额不会超过一个预估的值，我这边的项目预估不会超过这个值100000000000
      if (value > 1000000000000) {
        return callback(new Error("请输入金额"));
      } else if (value <=  10000000000 && !pattern.test(value)) {
　　　　//验证失败就是callback（NEW Error('错误的信息填写')）
        return callback(new Error("输入内容不合法"));
　　　　//验证成功就是callback
      } else return callback();
    };
    }

文笔不好，自己做记录用的，有需要的可以拿去用