微信小程序input只能输入数字输入其他字符判定为空
您可以使用input组件的bindinput事件来进行判断,如果输入的值不是数字,则将输入框的值设为空。
示例代码:
<view>
<input type="number" bindinput="inputChange" />
</view>
Page({
data: {
inputValue: ''
},
inputChange: function(e) {
let value = e.detail.value;
if(isNaN(value)) {
this.setData({
inputValue: ''
})
} else {
this.setData({
inputValue: value
})
}
}
})
在input组件中,我们设置了type为number,这样输入框只能输入数字。在bindinput事件中,我们获取到输入框的值,并进行判断,如果输入的值不是数字,则将输入框的值设为空。否则,将输入框的值设为输入的值。最后,将输入框的值绑定到data中的inputValue属性上,以便在页面中使用。
原文地址: https://www.cveoy.top/t/topic/bdnW 著作权归作者所有。请勿转载和采集!