Element UI + validator规则验证 自定义正则表达式验证金额Element UI + validator规则验证 自定义正则表达式验证金额

Element UI + validator规则验证 自定义正则表达式验证金额

表单项

<el-form-item label="支付金额(元)：" prop="money">
          <el-col :span="11">
            <el-input type="text" v-model="payForm.money"> </el-input>
          </el-col>
        </el-form-item>

自定义校验规则（根据自己业务需求来修改）

const validateMoney = (rule, value, callback) => {
      console.log('validateMoney', value)
      if (value > this.payForm.waitPayMoney) {
        callback(new Error('计划付款金额需小于待付金额'))
      } else {
        callback()
      }
    }

校验规则

money: [
          { required: true, trigger: 'blur', message: '金额不能为空' },
          {
            pattern: /(^[1-9]([0-9]+)?(.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9].[0-9]([0-9])?$)/,
            message: '请输入正确额格式,可保留两位小数'
          },
          { validator: validateMoney, trigger: 'blur' }
        ]

最后

以上就是怕黑嚓茶为你收集整理的Element UI + validator规则验证 自定义正则表达式验证金额Element UI + validator规则验证 自定义正则表达式验证金额的全部内容，希望文章能够帮你解决Element UI + validator规则验证 自定义正则表达式验证金额Element UI + validator规则验证 自定义正则表达式验证金额所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。