众所周知,在小程序field输入框中有个type属性,设置为number就能限制数字类型,但是切记,效果需要到手机上进行验证,开发者工具上是看不到效果的,而且它做到的也仅仅是调起数字输入键盘,假如用户强行切换键盘,同样是可以输入字母汉字等的。
那么想要用户在输入框中无法输入无关字符,可以加入一段正则校验即可:
<van-field
label="¥"
type="number"
clearable="true"
value="{{ outMoney }}"
placeholder="0.00"
input-align="left"
bind:change="onChange"
/>
// 监听输入框数值改变
onChange(event){
console.log("输入框值:",event.detail);
let value = event.detail.replace(/^\D./g, '')
this.setData({
outMoney:value
})
},
但是这样会有鼠标闪烁的情况无法解决。