526互联

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

发布时间 2023-09-07 14:17:28作者: 小样459

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

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

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

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

在规则里面先定义

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

然后再data里面去定义

  data() {
        // 定义表单验证函数
        var isOrgAsset = (rule, value, callback) => {
       // 判断小数点数量 
      var pattern = /^\d+.?\d{0,2}$/;
      if (value > 2147480000000) {
        return callback(new Error("请输入金额"));
      } else if (value <=  2147480000000 && !pattern.test(value)) {
        return callback(new Error("输入内容不合法"));
      } else return callback();
    };
    }

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