ant design vue 输入框验证只能是数字

651 阅读1分钟

有些输入框需要限制只能输入数字,例如银行卡,单价等等

html
 <a-input
    allow-clear
    placeholder="请输入银行卡号"
    v-model="bankNo"

    @blur="
      () => {
        $refs.bankNo.onFieldBlur()
      }
    "
  />
  

验证

 bankNo: [
  {
    required: true,
    message: '必填项,请输入数据!!!',
    trigger: 'blur',

  },
   { validator: this.validBank }
]

js

async validBank(rule, value, callback) {
      let arr =  /^\d+$|^\d+[.]?\d+$/;
      if (!value) {
        //callback(new Error('请输入电话号码'))
        callback()
      } else if (!arr.test(value)) {
        callback(new Error('请输入数字'))
      } else {
        // await this.getChangeID(value)
        callback()
      }
    
    },

只能输入数字,当输入其他的话,去掉

 bankNo: function(val) {
       if(val != null) {
        this.bankNo =  val.replace( /[^\d]/g,'')
      }
    }