微信小程序input只能输入数字
可以通过以下两种方法实现微信小程序input只能输入数字:
- 使用type属性为number的input标签
在wxml文件中,直接使用input标签,将type属性设置为number即可,如下所示:
<input type="number" />
这样,用户在输入时,只能输入数字,不能输入其他字符。
- 使用正则表达式限制输入
在wxml文件中,可以通过给input标签绑定input事件,然后在事件回调函数中使用正则表达式限制输入,如下所示:
<input bindinput="onInput" />
// js代码
Page({
onInput: function(e) {
e.detail.value = e.detail.value.replace(/[^\d]/g, '') // 只允许输入数字
}
})
这样,用户在输入时,如果输入了非数字字符,会被自动替换为空字符,从而实现了只能输入数字的效果。
原文地址: https://www.cveoy.top/t/topic/bdnQ 著作权归作者所有。请勿转载和采集!