可以在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
      });
    }
  }
})

这样,用户在输入非数字的字符时,输入框会自动清空,只能输入数字。

微信小程序input限制其只能输入数字

原文地址: https://www.cveoy.top/t/topic/bdl1 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录