可以通过以下两种方法实现微信小程序input只能输入数字:

  1. 使用type属性为number的input标签

在wxml文件中,直接使用input标签,将type属性设置为number即可,如下所示:

<input type="number" />

这样,用户在输入时,只能输入数字,不能输入其他字符。

  1. 使用正则表达式限制输入

在wxml文件中,可以通过给input标签绑定input事件,然后在事件回调函数中使用正则表达式限制输入,如下所示:

<input bindinput="onInput" />

// js代码
Page({
  onInput: function(e) {
    e.detail.value = e.detail.value.replace(/[^\d]/g, '') // 只允许输入数字
  }
})

这样,用户在输入时,如果输入了非数字字符,会被自动替换为空字符,从而实现了只能输入数字的效果。

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

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

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