用户信息

pages/userCenter/index.js

@@ -30,7 +30,15 @@ Page({
             femail: false, //邮箱
         },
     },
-
+    /* input事件剔除特殊字符 */
+    eliminate(value) {
+        const {
+            name
+        } = value.target.dataset;
+        this.setData({
+            [name]: _Verify.Eliminate(value.detail)
+        })
+    },
     /**
      * 生命周期函数--监听页面加载
      */
@@ -164,7 +172,6 @@ Page({
         const {
             value
         } = e.detail;
-        console.log(_Verify.removeSpecialCharacters(value));
         if (name == 'femail') {
             var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
             if (!reg.test(value.trim())) {

pages/userCenter/index.wxml

@@ -19,19 +19,19 @@
     <!-- 表单输入区 -->
     <view class="user_message_input">
         <My_GreyRectangleForm title="账号名" required>
-            <van-field model:value="{{ fname }}" data-name="fname" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.fname}}" input-class="input-class" placeholder="请输入账户名" border="{{ false }}" />
+            <van-field value="{{ fname }}" bind:input='eliminate' data-name="fname" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.fname}}" input-class="input-class" placeholder="请输入账户名" border="{{ false }}" />
         </My_GreyRectangleForm>
         <My_GreyRectangleForm title="身份/职位" required>
-            <van-field model:value="{{ frole }}" data-name="frole" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.frole}}" input-class="input-class" placeholder="身份/职位" border="{{ false }}" />
+            <van-field value="{{ frole }}" bind:input='eliminate' data-name="frole" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.frole}}" input-class="input-class" placeholder="身份/职位" border="{{ false }}" />
         </My_GreyRectangleForm>
         <My_GreyRectangleForm title="手机" required>
             <van-field disabled model:value="{{ fphonenumber }}" data-name="fphonenumber" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.fphonenumber}}" input-class="input-class" placeholder="手机号" border="{{ false }}" />
         </My_GreyRectangleForm>
         <My_GreyRectangleForm title="微信">
-            <van-field model:value="{{ fwechatno }}" input-class="input-class" placeholder="微信号/手机号" border="{{ false }}" />
+            <van-field value="{{ fwechatno }}" data-name="fwechatno" bind:input='eliminate' input-class="input-class" placeholder="微信号/手机号" border="{{ false }}" />
         </My_GreyRectangleForm>
         <My_GreyRectangleForm title="地址">
-            <van-field model:value="{{ faddress }}" input-class="input-class" placeholder="请输入地址" border="{{ false }}" />
+            <van-field value="{{ faddress }}" data-name="faddress" bind:input='eliminate' input-class="input-class" placeholder="请输入地址" border="{{ false }}" />
         </My_GreyRectangleForm>
         <My_GreyRectangleForm title="性别">
             <van-radio-group value="{{ fsex }}" bind:change="sexOnChange" direction="horizontal">
@@ -49,7 +49,7 @@
             </picker>
         </My_GreyRectangleForm>
         <My_GreyRectangleForm title="邮箱">
-            <van-field model:value="{{ femail }}" input-class="input-class" placeholder="邮箱地址" border="{{ false }}" data-name="femail" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.femail}}" />
+            <van-field value="{{ femail }}" data-name="femail" bind:input='eliminate' input-class="input-class" placeholder="邮箱地址" border="{{ false }}" data-name="femail" bind:focus='inputFocus' bindblur='inputBlur' error="{{errTips.femail}}" />
         </My_GreyRectangleForm>
     </view>
 </My_GeneralTemplate>

utils/verify.js

@@ -46,7 +46,7 @@ class TestVerify {
     /* 剔除特殊字符 */
     Eliminate(value) {
         if (value != '') {
-            const pattern = /[`~!@#$^&*()=|{}':;',\\\[\]\.<>\/?~！@#￥……&*（）——|{}【】'；：""'。，、？\s]/g;
+            const pattern = /[`~!#$^&*()=|{}':;',\\\[\]\<>\/?~！#￥……&*（）——|{}【】'；：""'。，、？\s]/g;
             return value.replace(pattern, "");
         };
         return "";