登录页增加校验
Showing
3 changed files
with
29 additions
and
5 deletions
| ... | @@ -11,8 +11,6 @@ import { | ... | @@ -11,8 +11,6 @@ import { |
| 11 | } from '@/api/fetch-api.js' | 11 | } from '@/api/fetch-api.js' |
| 12 | 12 | ||
| 13 | 13 | ||
| 14 | import { contactMethodCheck, checkVerifyCode } from '@utils/utils.js'; | ||
| 15 | |||
| 16 | import modalComp from '@/components/modal-comp/modal-comp.vue'; | 14 | import modalComp from '@/components/modal-comp/modal-comp.vue'; |
| 17 | import modalSimpleComp from '@/components/modal-simple-comp/modal-simple-comp.vue'; | 15 | import modalSimpleComp from '@/components/modal-simple-comp/modal-simple-comp.vue'; |
| 18 | import modalProtocolComp from '@/components/modal-protocol-comp/modal-protocol-comp.vue'; | 16 | import modalProtocolComp from '@/components/modal-protocol-comp/modal-protocol-comp.vue'; |
| ... | @@ -20,6 +18,9 @@ import modalUploadCardComp from '@/components/modal-upload-card-comp/modal-uploa | ... | @@ -20,6 +18,9 @@ import modalUploadCardComp from '@/components/modal-upload-card-comp/modal-uploa |
| 20 | import { | 18 | import { |
| 21 | passwordEncrypt | 19 | passwordEncrypt |
| 22 | } from '@/utils/encrypt.js'; | 20 | } from '@/utils/encrypt.js'; |
| 21 | |||
| 22 | import { contactMethodCheck, checkVerifyCode } from '@utils/utils.js'; | ||
| 23 | |||
| 23 | import Vue from 'vue'; | 24 | import Vue from 'vue'; |
| 24 | import { Loading } from 'vant'; | 25 | import { Loading } from 'vant'; |
| 25 | 26 | ||
| ... | @@ -114,7 +115,17 @@ export default { | ... | @@ -114,7 +115,17 @@ export default { |
| 114 | let b1 = !this.loginCheck.agreeProtocol; | 115 | let b1 = !this.loginCheck.agreeProtocol; |
| 115 | let b2 = !this.loginForm.userId; | 116 | let b2 = !this.loginForm.userId; |
| 116 | let b3 = !this.loginForm.password; | 117 | let b3 = !this.loginForm.password; |
| 117 | return b1 || b2 || b3; | 118 | |
| 119 | let b = b1 || b2 || b3; | ||
| 120 | |||
| 121 | if (this.oneAccountCenterOff && !b) { | ||
| 122 | let mobile = this.loginForm.userId; | ||
| 123 | let m1 = !contactMethodCheck('hkmobile', mobile); | ||
| 124 | let m2 = !contactMethodCheck('mobile', mobile); | ||
| 125 | b = b || m1 || m2; | ||
| 126 | } | ||
| 127 | |||
| 128 | return b; | ||
| 118 | }, | 129 | }, |
| 119 | otpLoginDisabled() { | 130 | otpLoginDisabled() { |
| 120 | let b1 = !this.loginCheck.agreeProtocol; | 131 | let b1 = !this.loginCheck.agreeProtocol; |
| ... | @@ -237,6 +248,17 @@ export default { | ... | @@ -237,6 +248,17 @@ export default { |
| 237 | } | 248 | } |
| 238 | } | 249 | } |
| 239 | }, | 250 | }, |
| 251 | userIdLegalCheck() { | ||
| 252 | let mobile = this.loginForm.userId; | ||
| 253 | let m1 = contactMethodCheck('hkmobile', mobile); | ||
| 254 | let m2 = contactMethodCheck('mobile', mobile); | ||
| 255 | // console.log("userIdLegalCheck:", m1, m2) | ||
| 256 | if (!m1 && !m2) { | ||
| 257 | this._showMobileNoIllegalTip() | ||
| 258 | return false; | ||
| 259 | } | ||
| 260 | return true; | ||
| 261 | }, | ||
| 240 | selfLogin() { | 262 | selfLogin() { |
| 241 | if (this.pwdLoginDisabled) { | 263 | if (this.pwdLoginDisabled) { |
| 242 | return; | 264 | return; |
| ... | @@ -508,6 +530,8 @@ export default { | ... | @@ -508,6 +530,8 @@ export default { |
| 508 | _showMobileNoIllegalTip() { | 530 | _showMobileNoIllegalTip() { |
| 509 | let message = this.i18n.login.tips.oe0; | 531 | let message = this.i18n.login.tips.oe0; |
| 510 | this.errorTips.oe1 = message; | 532 | this.errorTips.oe1 = message; |
| 533 | if (this.oneAccountCenterOff) | ||
| 534 | this.errorTips.e1 = message; | ||
| 511 | // alert("手机号不正确"); | 535 | // alert("手机号不正确"); |
| 512 | }, | 536 | }, |
| 513 | _startStdSendOTP() { | 537 | _startStdSendOTP() { | ... | ... |
| ... | @@ -36,7 +36,7 @@ | ... | @@ -36,7 +36,7 @@ |
| 36 | <img src="@/assets/images/login/icon-login-user.png"> {{$t('login.account')}} | 36 | <img src="@/assets/images/login/icon-login-user.png"> {{$t('login.account')}} |
| 37 | </div> | 37 | </div> |
| 38 | <div class="ipt-wrap"> | 38 | <div class="ipt-wrap"> |
| 39 | <input v-model="loginForm.userId" :placeholder="$t('login.accountPlaceholder')" class="ipt" :class="{ err : errorTips.e1.length > 0 }" type="text"> | 39 | <input v-model="loginForm.userId" :placeholder="$t('login.accountPlaceholder')" class="ipt" :class="{ err : errorTips.e1.length > 0 }" type="text" @blur="userIdLegalCheck"> |
| 40 | </div> | 40 | </div> |
| 41 | <div class="validator" v-if="errorTips.e1.length > 0 "> | 41 | <div class="validator" v-if="errorTips.e1.length > 0 "> |
| 42 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e1}} | 42 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e1}} | ... | ... |
| ... | @@ -267,7 +267,7 @@ export function contactMethodCheck(type, value) { | ... | @@ -267,7 +267,7 @@ export function contactMethodCheck(type, value) { |
| 267 | 267 | ||
| 268 | if (type == 'mobile') { | 268 | if (type == 'mobile') { |
| 269 | // return /^((13[0-9])|(14[5,7,9])|(15([0-3]|[5-9]))|(166)|(17[0-9])|(18[0-9])|(19[0-9]))\d{8}$/.test(value); | 269 | // return /^((13[0-9])|(14[5,7,9])|(15([0-3]|[5-9]))|(166)|(17[0-9])|(18[0-9])|(19[0-9]))\d{8}$/.test(value); |
| 270 | return /^1\d{10}$/.test(value); | 270 | return /^(\+)?(86)?(\-)?1\d{10}$/.test(value); |
| 271 | } | 271 | } |
| 272 | 272 | ||
| 273 | if (type == 'email') { | 273 | if (type == 'email') { | ... | ... |
-
Please register or sign in to post a comment