| placeholder="请输入登录密码" | placeholder="请输入登录密码" | ||||
| v-model="password" | v-model="password" | ||||
| show-password | show-password | ||||
| maxlength="16" | |||||
| class="mb-20" | class="mb-20" | ||||
| :class="{'is-error':passwordError}" | :class="{'is-error':passwordError}" | ||||
| @focus="clearError('passwordError')" | @focus="clearError('passwordError')" | ||||
| class="mb-20" | class="mb-20" | ||||
| :class="{'is-error':mobilePhoneError}" | :class="{'is-error':mobilePhoneError}" | ||||
| @focus="clearError('mobilePhoneError')" | @focus="clearError('mobilePhoneError')" | ||||
| maxlength="11" | |||||
| > | > | ||||
| <i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i> | <i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i> | ||||
| </el-input> | </el-input> | ||||
| class="mb-20" | class="mb-20" | ||||
| :class="{'is-error':mobilePhoneError}" | :class="{'is-error':mobilePhoneError}" | ||||
| @focus="clearError('mobilePhoneError')" | @focus="clearError('mobilePhoneError')" | ||||
| maxlength="11" | |||||
| > | > | ||||
| <i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i> | <i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i> | ||||
| </el-input> | </el-input> | ||||
| class="mb-20" | class="mb-20" | ||||
| :class="{'is-error':newPasswordError}" | :class="{'is-error':newPasswordError}" | ||||
| @focus="clearError('newPasswordError')" | @focus="clearError('newPasswordError')" | ||||
| maxlength="16" | |||||
| > | > | ||||
| <i slot="prefix" class="el-input__icon el-icon-lock"></i> | <i slot="prefix" class="el-input__icon el-icon-lock"></i> | ||||
| </el-input> | </el-input> | ||||
| v-model="confirmPassword" | v-model="confirmPassword" | ||||
| show-password | show-password | ||||
| class="mb-20" | class="mb-20" | ||||
| maxlength="16" | |||||
| :class="{'is-error':confirmPasswordError}" | :class="{'is-error':confirmPasswordError}" | ||||
| @focus="clearError('confirmPasswordError')" | @focus="clearError('confirmPasswordError')" | ||||
| > | > | ||||
| }, | }, | ||||
| // 检测字段 | // 检测字段 | ||||
| checkKey(val, key) { | checkKey(val, key) { | ||||
| console.log(val,'val') | |||||
| console.log(key,'key') | |||||
| let flag = true; | let flag = true; | ||||
| if (!val || !val.trim()) { | if (!val || !val.trim()) { | ||||
| this[key] = true; | this[key] = true; | ||||
| } | } | ||||
| if ( | if ( | ||||
| key == "mobilePhoneError" && | key == "mobilePhoneError" && | ||||
| !/^1[3|4|5|6|7|8|9][0-9]\d{8}$/.test(val) | |||||
| !/^1\d{10}$/.test(val) | |||||
| ) { | ) { | ||||
| this[key] = true; | this[key] = true; | ||||
| flag = false; | flag = false; |