微信小程序的input框是一个非常常用的组件，它允许用户输入文本信息。但是，在某些情况下，我们可能需要限制用户只能输入特定的类型的内容，比如只允许输入小数或正整数。在这种情况下，我们可以通过设置input框的type属性来实现。
官方组件说明
在微信小程序的官方组件文档中，input框的type属性有以下几种值：
* text：默认类型，允许用户输入任意文本。
* number：只允许用户输入数字。
* digit：只允许用户输入整数。
* idcard：只允许用户输入身份证号码。
* tel：只允许用户输入电话号码。
但是，我们需要注意的是，type="number"和type="digit"虽然可以限制用户只能输入数字，但是它们并不能保证用户只能输入小数或正整数。例如，如果我们设置type="number"，用户仍然可以输入负数或者小数。
使用正则表达式控制
为了解决这个问题，我们可以在input框的valueChange事件中使用正则表达式来控制用户输入的内容。具体来说，我们可以通过以下步骤实现：
1. 在input框的valueChange事件中获取当前的输入值。
2. 使用正则表达式检查当前的输入值是否满足我们的要求（例如，只允许输入小数或正整数）。
3. 如果输入值不符合要求，我们可以通过设置input框的value属性来清除用户的输入内容。
下面是示例代码：
```javascriptPage({
data: {
inputValue: ''
},
formSubmit(e) {
console.log('form发生了submit事件，携带数据为:', e.detail.value);
},
formReset() {
console.log('form发生了reset事件');
},
inputChange(e) {
const { value } = e.detail;
// 使用正则表达式检查当前的输入值是否满足我们的要求 if (!/^d+(.d+)?$/.test(value)) {
wx.showToast({
title: '请输入小数或正整数',
icon: 'none'
});
return false;
}
this.setData({ inputValue: value });
}
});
```
在上面的示例代码中，我们使用了正则表达式`^d+(.d+)?$`来检查当前的输入值是否满足我们的要求。这个正则表达式匹配的是一个小数或正整数的模式。
总结
通过设置input框的type属性和使用正则表达式，我们可以实现对用户输入内容的控制，确保用户只能输入小数或正整数。
