Prechádzať zdrojové kódy

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

zhengjinyi 2 rokov pred
rodič
commit
d1ffd0374e

+ 44 - 47
src/main/resources/static/js/account/bind.js

@@ -199,69 +199,66 @@ var bindPage = new Vue({
                 }
             });
         },
-        getMobileImage:function() {//获取图形验证码
+        handleShowImage:function() { //获取图形验证码
             const _self = this;
-            if (_self.isMobileDisabled) { return false; }
-            this.$nextTick(function() {
-                if (!verifyCheack('.mobileOrEmail')) { return false; }
-                if (!verifyCheack('.massageBtn')) { return false; }
-                PublicApi.getImgVerifyCode({platformType: 0},function(response){
-                    if(response.code === 0){
-                        _self.bindCodeParams.imgCode = '';
-                        _self.codeImagePath = response.data.baseImage;
-                        _self.bindCodeParams.token = response.data.token;
-                        _self.isCodeModel = true;
-                    }else{
-                        CAIMEI.Alert(response.msg,'确定',false);
-                    }
-                })
-            });
+            if (!verifyCheack('.mobileOrEmail')) { return false; }
+            if (!verifyCheack('.massageBtn')) { return false; }
+            if (this.isMobileDisabled) { return false; }
+            PublicApi.getImgVerifyCode({platformType: 0},function(response){
+                if(response.code === 0){
+                    _self.bindCodeParams.imgCode = '';
+                    _self.codeImagePath = response.data.baseImage;
+                    _self.bindCodeParams.token = response.data.token;
+                    _self.isCodeModel = true;
+                }else{
+                    CAIMEI.Alert(response.msg,'确定',false);
+                }
+            })
         },
         getMobileCodeFn:function(){//机构注册获取注册短信验证码
             const _self = this;
-            if(this.bindCodeParams.imgCode === ''){
-                CAIMEI.dialog('请输入图形验证码',false,function () {});
-                return
-            }
             if(this.loginTabs === 0){
                 this.bindCodeParams.bindMobile = this.userParams.mobileOrEmail
             }else{
                 this.bindCodeParams.bindMobile = this.codeParams.mobile
             }
             this.bindCodeParams.mobile = this.userParams.mobile
-            _self.isMobileDisabled = true;
-            UserApi.getNoteSMScode(this.bindCodeParams,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)
+            if( this.isMobileDisabled){ return }
+            this.$nextTick(function() {
+                if (!verifyCheack('.codeMsgButton')) {return false; }
+                UserApi.getNoteSMScode(this.bindCodeParams,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)
+                        }
+                    }else{
+                        _self.handleShowImage();
+                        _self.isMobileDisabled = false;
+                        setErrorTxt($('.codeMsgButton'),response.msg);
                     }
-                }else{
-                    CAIMEI.Alert(response.msg,'确定',false);
-                    _self.isMobileDisabled = false;
-                    _self.isCodeModel = false;
-                }
+                })
             })
         },
         setStorages:function(data){//存储本地数据
             localStorage.setItem('userInfo',JSON.stringify(data));
         },
-        refreshCodeImage:function(){
-            this.getMobileImage()
+        handleRefreshCodeImage:function(){
+            this.handleShowImage()
         },
         closeCodeModel:function(){
             this.isCodeModel = false;

+ 3 - 3
src/main/resources/static/js/account/forget.js

@@ -90,7 +90,7 @@ var registerPage = new Vue({
                 }
             });
         },
-        handleCheckMobile(){// 校验手机是否已注册
+        handleCheckMobile(){ // 校验手机是否已注册
             const _self = this;
             if (!verifyCheack('.massageBtn')) { return false; }
             if (this.isMobileDisabled) { return false; }
@@ -102,7 +102,7 @@ var registerPage = new Vue({
                 }
             })
         },
-        handleShowImage:function() {//获取图形验证码
+        handleShowImage:function() { //获取图形验证码
             const _self = this;
             if (!verifyCheack('.massageBtn')) { return false; }
             if (this.isMobileDisabled) { return false; }
@@ -198,7 +198,7 @@ var registerPage = new Vue({
                 })
             })
         },
-        refreshCodeImage:function(){
+        handleRefreshCodeImage:function(){
             this.handleShowImage()
         },
         closeCodeModel:function(){

+ 1 - 1
src/main/resources/static/js/account/register-club.js

@@ -289,7 +289,7 @@ var registerPage = new Vue({
             $('#userNameType').parent().removeClass("error");
             $('#userNameType').siblings('.errTips').removeClass("show");
         },
-        refreshCodeImage:function(){
+        handleRefreshCodeImage:function(){
             this.handleShowImage()
         },
         closeCodeModel:function(){

+ 5 - 3
src/main/resources/templates/account/bind.html

@@ -86,7 +86,7 @@
                         <input class="smscode" type="text" v-model.trim="userParams.smsCode" @input="handleInputSmsCodee"  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="code-btn" href="javascript:void(0);" @click="getMobileImage" :class="[isMobileDisabled  ? 'disabled' : '']">{{ mobileCodeText }}</a>
+                        <a class="code-btn" href="javascript:void(0);" @click="handleShowImage" :class="[isMobileDisabled  ? 'disabled' : '']">{{ mobileCodeText }}</a>
                     </div>
                     <div class="subLine">
                         <button class="btn" type="button" :class="isSubDisabled ? 'disabled':''"  @click="handleBindConfirm">提交</button>
@@ -100,12 +100,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="bindCodeParams.imgCode" maxlength="4">
+                    <input class="input codeMsgButton" type="text" placeholder="请输入图形验证码" v-model="bindCodeParams.imgCode" maxlength="4" needverify>
                     <div class="image"><img :src="codeImagePath" alt=""></div>
-                    <div class="refresh" @click="refreshCodeImage">
+                    <div class="refresh" @click="handleRefreshCodeImage">
                         <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>

+ 1 - 1
src/main/resources/templates/account/forget.html

@@ -98,7 +98,7 @@
                     <div class="model-form">
                         <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">
+                        <div class="refresh" @click="handleRefreshCodeImage">
                             <i class="icon mIcon"></i>
                             <span>刷新</span>
                         </div>

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

@@ -243,7 +243,7 @@
                 <div class="model-form">
                     <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">
+                    <div class="refresh" @click="handleRefreshCodeImage">
                         <i class="icon mIcon"></i>
                         <span>刷新</span>
                     </div>