el-input中禁止输入负数与特殊符号(只能输入正整数以及小数点后两位,类似金额)
最近在项目中改BUG的时候碰到了这个问题,需要输入金额,但是只能输入正整数小数点后两位,我这边使用的时利用正则来解决的问题,分享给大家
方法一:利用正则表达式来规避掉负数
- 因为这个输入框时输入金额的只能输入金额,所以我这边使用了 el-input-number 来限制只能输入数字,但是无法限制输入负数
- 这个输入框又是表单的一部分,所以用上了form表单的 validate 事件来校验,以下是校验方法
input框脱离光标验证一次,点击表单提交按钮再次验证,效果:
方法二:利用禁止按键按下的方法,依靠禁止按下减号来完成
- 首先监听键盘的keyup事件,因为饿了么上的input组件中没有这个监听事件,所以可能会报错,所以我们要加一个vue的修饰符.native
- 然后我们传个 $event 对象进去来触发事件本身
- 接下来就是在methods中来写这个函数,以及你所与需要的功能