微信小程序input只允许输入数字
1、wxml
<!-- start 联系电话 -->
<view class="mobile">
<sapn class="title">联系电话</sapn><input value="{{registration.mobile}}" class="mobile-weui-input" type="number"
bindblur="mobileInput" maxlength="11" placeholder="请输入电话号码!" />
</view>
<!-- end 联系电话 -->
2、js
// 电话输入
mobileInput(e) {
let value = e.detail.value.replace(/\D/g, '')
this.setData({
mobile: value
})
},
本文介绍了如何在微信小程序中设置input组件,只允许用户输入数字。通过wxml和js的相关配置,实现输入框只能接受数字的限制。





