微信小程序input限制其只能输入数字
可以在input组件上添加一个bindinput事件,然后在事件处理函数中进行限制,代码如下:
<view>
<input type="number" bindinput="onInput"></input>
</view>
Page({
onInput: function(event) {
// 将输入的值转为数字
const value = Number(event.detail.value);
// 判断是否为数字
if (isNaN(value)) {
// 如果不是数字,清空输入框
this.setData({
inputValue: ''
});
} else {
// 如果是数字,更新输入框的值
this.setData({
inputValue: value
});
}
}
})
这样,用户在输入非数字的字符时,输入框会自动清空,只能输入数字。
原文地址: https://www.cveoy.top/t/topic/bdl1 著作权归作者所有。请勿转载和采集!