Browse Source

fix(loginBar.vue):手机修改密码不能为中文

liyangbin 2 years ago
parent
commit
cfa3d2fc8b
1 changed files with 9 additions and 3 deletions
  1. 9 3
      components/LoginBar.vue

+ 9 - 3
components/LoginBar.vue

@@ -251,8 +251,14 @@ export default {
               this.resetPswTip = "请勿输入空格";
           }
       },
-      changeErr() {
+      changeErr(event,type) {
           this.resetPswTip = "";
+          event.target.value = event.target.value.replace(/[^\x00-\xff]/g, '')
+          if(type === "newPassword"){
+            this.resetForm.newPassword = event.target.value
+          }else{
+            this.resetForm.confirm_newPassword = event.target.value
+          }
       },
       //判断大写状态开启
       loginKeyDown(event) {
@@ -427,7 +433,7 @@ export default {
           <br />
           <p class="mb-5px">设置新密码</p>
           <div class="getbackpwd_input_pwd_span w-20px h-20px absolute top-185px left-34px"></div>
-          <input v-model="resetForm.newPassword" class="getbackpwd_input_pwd input_newpwd" type="password" value="" placeholder="新密码(6-16个字符,区分大小写)" @input="changeErr" @keydown="keydown($event)" @keydown.enter="handlerConfirmReset">
+          <input v-model="resetForm.newPassword" class="getbackpwd_input_pwd input_newpwd" type="password" value="" placeholder="新密码(6-16个字符,区分大小写)" @input="changeErr($event,'newPassword')" @keydown="keydown($event)" @keydown.enter="handlerConfirmReset">
           <br />
           <div class="getbackpwd_input_pwd_span w-20px h-20px absolute top-245px left-34px"></div>
           <input v-model="resetForm.confirm_newPassword" class="getbackpwd_input_pwd input_newpwd_conform" type="password" placeholder="确认新密码" @input="changeErr" @keydown="keydown($event)" @keydown.enter="handlerConfirmReset">
@@ -864,7 +870,7 @@ export default {
       color: rgb(255, 255, 255);
       border: none;
       background-color: rgb(255,82,79);
-      margin: 31px 0 10px 0;
+      margin: 31px 0 35px 0;
       border-radius: 4px;
       outline:none;
     }