登录短信验证登录增加校验

src/main/resources/static/js/account/forget.js

@@ -90,25 +90,32 @@ var registerPage = new Vue({
                 }
             });
         },
-        getMobileImage:function() {//获取图形验证码
-            var _self = this;
-            var pass = verifyCheack('.massageBtn');
-            if (_self.isMobileDisabled) { return false; }
-            this.$nextTick(function() {
-                if (!pass) {
-                    return false;
+        handleCheckMobile(){// 校验手机是否已注册
+            const _self = this;
+            if (!verifyCheack('.massageBtn')) { return false; }
+            if (this.isMobileDisabled) { return false; }
+            UserApi.userCheckePhone({mobile: this.phonePwd.mobileOrEmail},function(response){
+                if(response.code === 0){
+                    _self.handleShowImage();
+                }else{
+                    setErrorTxt($('.massageBtn'),response.msg)
                 }
-                PublicApi.getImgVerifyCode({platformType: 0},function(response){
-                    if(response.code == 0){
-                        _self.imageCode = '';
-                        _self.codeImagePath = response.data.baseImage;
-                        _self.codeImageToken = response.data.token;
-                        _self.isCodeModel = true;
-                    }else{
-                        CAIMEI.Alert(response.msg,'确定',false);
-                    }
-                })
-            });
+            })
+        },
+        handleShowImage:function() {//获取图形验证码
+            const _self = this;
+            if (!verifyCheack('.massageBtn')) { return false; }
+            if (this.isMobileDisabled) { return false; }
+            PublicApi.getImgVerifyCode({platformType: 0},function(response){
+                if(response.code === 0){
+                    _self.imageCode = '';
+                    _self.codeImagePath = response.data.baseImage;
+                    _self.codeImageToken = response.data.token;
+                    _self.isCodeModel = true;
+                }else{
+                    CAIMEI.Alert(response.msg,'确定',false);
+                }
+            })
         },
         getMobileCodeFn:function(){//获取短信验证码
             var _self = this;
@@ -120,32 +127,35 @@ var registerPage = new Vue({
                     activateCodeType:1,
                     platformType:0
                 };
-            _self.isMobileDisabled = true;
-            UserApi.getRegisterMobileCode(params,function (response) {
-                if(response.code == 0){
-                    _self.isCodeModel = false;
-                    CAIMEI.dialog('验证短信已发送',false,function () {});
-                    var TIME_COUNT = 60;
-                    if (!_self.mobilTime) {
-                        _self.mobilCount = TIME_COUNT;
-                        _self.isMobileDisabled = true;
-                        _self.mobilTime = setInterval(function(){
-                        if (_self.mobilCount > 1 && _self.mobilCount <= TIME_COUNT) {
-                            _self.mobilCount--;
-                            _self.mobileCodeText = _self.mobilCount +'s重新发送';
-                        } else {
-                            _self.isMobileDisabled = false;
-                            clearInterval(_self.mobilTime);
-                            _self.mobilTime = null;
-                            _self.mobileCodeText = '获取验证码';
+            if( this.isMobileDisabled){ return }
+            this.$nextTick(function() {
+                if (!verifyCheack('.codeMsgButton')) { return false; }
+                UserApi.getRegisterMobileCode(params,function (response) {
+                    if(response.code === 0){
+                        _self.isCodeModel = false;
+                        CAIMEI.dialog('验证短信已发送',false,function () {});
+                        var TIME_COUNT = 60;
+                        if (!_self.mobilTime) {
+                            _self.mobilCount = TIME_COUNT;
+                            _self.isMobileDisabled = true;
+                            _self.mobilTime = setInterval(function(){
+                                if (_self.mobilCount > 1 && _self.mobilCount <= TIME_COUNT) {
+                                    _self.mobilCount--;
+                                    _self.mobileCodeText = _self.mobilCount +'s重新发送';
+                                } else {
+                                    _self.isMobileDisabled = false;
+                                    clearInterval(_self.mobilTime);
+                                    _self.mobilTime = null;
+                                    _self.mobileCodeText = '获取验证码';
+                                }
+                            },1000)
                         }
-                    },1000)
+                    }else{
+                        _self.handleShowImage();
+                        _self.isMobileDisabled = false;
+                        setErrorTxt($('.codeMsgButton'),response.msg);
                     }
-                }else{
-                    CAIMEI.Alert(response.msg,'确定',false);
-                    _self.isMobileDisabled = false;
-                    _self.isCodeModel = false;
-                }
+                })
             })
         },
         getEmailCodeFn:function(){//找回密码获取邮箱验证码
@@ -189,7 +199,7 @@ var registerPage = new Vue({
             })
         },
         refreshCodeImage:function(){
-            this.getMobileImage()
+            this.handleShowImage()
         },
         closeCodeModel:function(){
             this.isCodeModel = false;

src/main/resources/templates/account/forget.html

@@ -35,7 +35,7 @@
                         <input type="text" v-model.trim="phonePwd.smsCode" autocomplete="off" placeholder="请输入短信验证码" :rule="rule.code"  maxlength="6" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
-                        <a class="getCode" href="javascript:void(0);" @click="getMobileImage" :class="[isMobileDisabled  ? 'disabled' : '']">{{ mobileCodeText }}</a>
+                        <a class="getCode" href="javascript:void(0);" @click="handleCheckMobile" :class="[isMobileDisabled  ? 'disabled' : '']">{{ mobileCodeText }}</a>
                     </div>
                     <div class="formLine">
                         <p><em>*</em>新密码：</p>
@@ -96,12 +96,14 @@
                 <div class="model-title"><p>获取短信验证码</p><i class="icon mIcon icon-close"  @click="closeCodeModel"></i></div>
                 <div class="model-content">
                     <div class="model-form">
-                        <input class="input" type="text" placeholder="请输入图形验证码" v-model="imageCode" maxlength="4">
+                        <input class="input codeMsgButton" type="text" placeholder="请输入图形验证码" v-model="imageCode" maxlength="4" needverify>
                         <div class="image"><img :src="codeImagePath" alt=""></div>
                         <div class="refresh" @click="refreshCodeImage">
                             <i class="icon mIcon"></i>
                             <span>刷新</span>
                         </div>
+                        <i class="checked icon mIcon"></i>
+                        <span class="errTips icon mIcon" tips="请输入图形验证码"></span>
                     </div>
                     <div class="model-button">
                         <div class="button"  @click="getMobileCodeFn">获取短信验证码</div>

src/main/resources/templates/account/register-club.html

@@ -241,7 +241,7 @@
             <div class="model-title"><p>获取短信验证码</p><i class="icon mIcon icon-close"  @click="closeCodeModel"></i></div>
             <div class="model-content">
                 <div class="model-form">
-                    <input class="input codeMsgButton" type="text" placeholder="请输入图形验证码" v-model="imageCode" maxlength="4">
+                    <input class="input codeMsgButton" type="text" placeholder="请输入图形验证码" v-model="imageCode" maxlength="4" needverify>
                     <div class="image"><img :src="codeImagePath" alt=""></div>
                     <div class="refresh" @click="refreshCodeImage">
                         <i class="icon mIcon"></i>