一、关于微信小程序input文本框格式的验证

关注

原创最新推荐文章于 2026-07-18 23:31:54 发布 3.6k 阅读 AI 写同款· GEO 优化 ›

微信小程序开发短信验证码输入框如图所示的验证码输入框。现在需要实现逻辑，任何位置输入后自动跳到下一个最近的空的输入框，任何位置删除后自动跳到上一个最近的有值的输入框，代码逻辑如下。阅读详情

小程序组件 input 经常用到输入内容的验证，验证的正则表达式如下：

<view class="list">
  <view class="label">维保周期</view>
  <input class="flex-one" type="number" bindinput="inputDigit" placeholder="请输入保养周期(单位：天)" placeholder-class="place" name="ReminderTime"  />
</view>

1、只能输入数字
  inputDigit: function(e) {
    let pwd = e.detail.value  
    return pwd.replace(/[^\d]/g,'')
},

2、只能输入英文
inputDigit: function(e) {
    let pwd = e.detail.value
    return pwd.replace(/[^a-zA-Z]/g,'')
}
3、只能输入中文、英文、数字、@符号和.符号
inputDigit: function(e) {
    let pwd = e.detail.value
    return pwd.replace(/[^a-za-z0-9u4e00-u9fa5@.]/g,'')
}
4、只能输入字母和汉字
inputCode: function(e) {
    let pwd = e.detail.value
    return pwd.replace(/[d]/g,'') 
}
5、只能输入英文字母和数字,不能输入中文
inputCode: function(e) {
    let pwd = e.detail.value
    return pwd.replace(/[^\w\/]/ig,'')
}
6、只能输入英文字母和数字,不能输入中文
inputCode: function(e) {
    let pwd = e.detail.value
    return pwd.replace(/[^\w\.\/]/ig,'')
}
```csharp
只能输入数字
const inputType = /[^\d]/g		
只能输入字母
const inputType = /[^a-zA-Z]/g		
只能输入数字和字母
const inputType =/[\W]/g
只能输入小写字母
const inputType =/[^a-z]/g
只能输入大写字母
const inputType =/[^A-Z]/g
只能输入数字和字母和下划线
const inputType =/[^\w_]/g //下划线也可以改成%
只能输入中文
const inputType =/[^\u4E00-\u9FA5]/g
只能输入数字和小数点
const inputType =/[^\d.]/g