input 禁止输入特殊字符,微信小程序输入框样式

微信小程序input禁止输入特殊符号

1、wxml

<!-- start 小孩人数 --> <view class="numOfChildren" wx:if="{{childrenAgeShow}}"> <sapn class="title">小孩人数</sapn> <input value="{{numOfChildrenREsult}}" bindblur="numOfChildrenInput" class="childrenAge-weui-input" maxlength="15" placeholder="请补充小孩人数！" /> </view> <!-- end 小孩人数 -->

2、js

// 小孩人数输入 numOfChildrenInput(e) { let val = e.detail.value.replace(new RegExp("[\+,\/,\\,\?,\？,\%,\#,\&,\=,\(,\),\（,\）,\{,\},\',\",\<,\>,\@,\!,\！,\$,\.,\，,\、,\:,\：,\;,\；,\￥,\*,\~,\`,\-,\——,\_,\^,\“,\”,\‘,\’,\……,\【,\】,\[,\],\,]", "gm"), "") this.setData({ numOfChildrenREsult: val }) },