|
@@ -5,15 +5,15 @@
|
|
|
<view class="input-group">
|
|
|
<view class="input-row border">
|
|
|
<text class="title">原密码:</text>
|
|
|
- <m-input class="m-input" :maxlength="12" type="password" displayable v-model="formCustom.oldPwd" placeholder="请输入原密码"></m-input>
|
|
|
+ <m-input class="m-input" :maxlength="12" @input="getOldPwd" type="password" displayable v-model="formCustom.oldPwd" placeholder="请输入原密码"></m-input>
|
|
|
</view>
|
|
|
<view class="input-row">
|
|
|
<text class="title">新密码:</text>
|
|
|
- <m-input class="m-input" :maxlength="12" type="password" displayable v-model="formCustom.passwd" placeholder="请输入6-12位新密码"></m-input>
|
|
|
+ <m-input class="m-input" :maxlength="12" @input="getPasswd" type="password" displayable v-model="formCustom.passwd" placeholder="请输入6-12位新密码"></m-input>
|
|
|
</view>
|
|
|
<view class="input-row">
|
|
|
<text class="title">再次输入:</text>
|
|
|
- <m-input class="m-input" :maxlength="12" type="password" displayable v-model="formCustom.passwdCheck" placeholder="请输入6-12位新密码"></m-input>
|
|
|
+ <m-input class="m-input" :maxlength="12" @input="getPasswdCheck" type="password" displayable v-model="formCustom.passwdCheck" placeholder="请输入6-12位新密码"></m-input>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -56,6 +56,31 @@
|
|
|
title: info
|
|
|
})
|
|
|
},
|
|
|
+ // 不能输入汉字
|
|
|
+ getOldPwd(val) {
|
|
|
+ console.log(val,'vvvvvvv')
|
|
|
+ if (/[\u4E00-\u9FA5]/g.test(val)) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.formCustom.oldPwd = ''
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getPasswd(val) {
|
|
|
+ console.log(val,'vvvvvvv')
|
|
|
+ if (/[\u4E00-\u9FA5]/g.test(val)) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.formCustom.passwd = ''
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getPasswdCheck(val) {
|
|
|
+ console.log(val,'vvvvvvv')
|
|
|
+ if (/[\u4E00-\u9FA5]/g.test(val)) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.formCustom.passwdCheck = ''
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
handleSubmit(){
|
|
|
let _this = this
|
|
|
//非空判断密码长度判断
|
|
@@ -154,10 +179,8 @@
|
|
|
line-height: 32px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
.title{
|
|
|
- width:140rpx;
|
|
|
- display: inline-block;
|
|
|
- text-align: left;
|
|
|
color:#808080;
|
|
|
}
|
|
|
}
|