vue2使用form表单自定义验证规则

在项目中要求只保留小数点后两位



在项目中写

<el-form-item label="服务总面积（亩）" prop="orgServiceArea">
        <el-input v-model="form.orgServiceArea" type="number" class="inputBox"></el-input>
</el-form-item>

// 请输入服务总面积（亩）
    var isOrgServiceArea = (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();
    };


 rules: {
       orgServiceArea: [
          {
            required: true,
            message: "请输入服务总面积（亩）",
            trigger: "blur",
          },
          { validator: isOrgServiceArea, trigger: "blur" },
        ],
}

这样就可以了