小程序input 只允许输入数字

要限制小程序中的input输入只允许数字，可以结合使用input事件和正则表达式来实现。

首先，在input标签中添加一个input事件监听器，当用户输入内容时触发该事件。然后，在事件处理函数中使用正则表达式对用户输入的内容进行过滤，只保留数字。

以下是一个示例代码：

<view>
  <input type="text" bindinput="handleInput" />
</view>

在上面的示例中，我们为input标签添加了一个bindinput事件，将事件绑定到名为handleInput的事件处理函数上。

接下来，在对应的js文件中，实现handleInput事件处理函数：

Page({
  handleInput: function(e) {
    // 使用正则表达式过滤用户输入，只保留数字
    const value = e.detail.value;
    const numValue = value.replace(/[^\d]/g, '');
    
    // 更新输入框的值
    this.setData({
      inputValue: numValue
    });
  }
});

在handleInput函数中，我们首先获取用户输入的值，并使用正则表达式`/[^\d]/g`将非数字字符替换为空字符串。最后，使用setData方法将过滤后的值更新到页面数据的inputValue属性上。

最后，在wxml文件中，通过双花括号将页面数据的inputValue绑定到input标签的value属性上：

<view>
  <input type="text" bindinput="handleInput" value="{{inputValue}}" />
</view>

这样，用户在输入框中只能输入数字，其他字符将被过滤掉。同时，输入框的值将始终与页面数据的inputValue保持同步。