有些输入框需要限制只能输入数字,例如银行卡,单价等等
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,'')
}
}