Просмотр исходного кода

修改手机找回密码,添加120s后重新获取.

xuchunyang лет назад: 8
Родитель
Сommit
5b9bf715c5

+ 2 - 0
src/main/webapp/css/login.css

@ -87,6 +87,8 @@ html,body{ cursor:default; margin:0; height:100%;}
87 87
.sms{ width:254px;}
88 88
.codebox{ overflow:hidden;}
89 89
.gain{ width:160px;background:#ff8500; color:#fff;font-size:14px;line-height:44px; box-shadow:none; float:right; padding-left:0; margin:4px 0;}
90
.gainon{ border:1px solid #ccc; width:160px;background:#ccc; color:#fff;font-size:14px;line-height:44px; box-shadow:none; float:right; padding-left:0; margin:4px 0;}
91

90 92
/*手机找回密码02*/
91 93
.phone-find2{ width:510px;background:#fff; margin:auto;padding:0 40px; padding-bottom:40px; position:relative;top:30%; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
92 94
.steps2-2{ color:#f59503; float:right;}

+ 22 - 1
src/main/webapp/js/login-phone-find01.js

@ -38,6 +38,7 @@
38 38
								phoneState = data.data;
39 39
								$.MsgBox.Alert("消息","发送成功,请查看手机验证码!");
40 40
								$(".msg2").text("");
41
								doClick();
41 42
							}
42 43
						}else{
43 44

@ -50,10 +51,30 @@
50 51
				 	dataType: 'json'
51 52
				});
52 53
		}else{
53
			$.MsgBox.Alert('消息',"请输入正确手机号码");
54
			$.MsgBox.Alert('消息',"请输入正确手机号码");
54 55
		}
55 56
	}
57
	
58
	//
59
	function doClick(){
60
		$('.gain').hide();
61
	    $('.gainon').show();
62
	    var clickTime = new Date().getTime();
63
	    var Timer = setInterval(function(){
64
	        var nowTime = new Date().getTime();
65
	        var second  = Math.ceil(120-(nowTime-clickTime)/1000);
66
	        if(second>0){
67
	        	$('.gainon').val(second+"s后重新获取");
68
	        }else{
69
	            clearInterval(Timer);
70
	            $('.gain').show();
71
	    	    $('.gainon').hide();
72
	        }
73
	    },1000);
74
	}
75
	
56 76

77
	//校验手机验证码
57 78
	var codePass = false;
58 79
	function valCode(){
59 80
		var phoneCode = $("#phoneCode").val();

+ 1 - 1
src/main/webapp/login-email-find01.html

@ -19,7 +19,7 @@
19 19
		<!--邮箱找回密码01!-->
20 20
		<div class="email-find1" id="Suspensionbox">
21 21
			<div class="login-title">
22
			 <a href="login-phone-find01.html">通过手机找回<span class="back"></span></a>
22
			 <a href="login-phone-find01.html">通过手机找回<span class="back"></span></a>
23 23
			</div>
24 24
			<div class="logo-find">
25 25
				<a href="index.html"><img src="images/logo.png"></a>

+ 1 - 0
src/main/webapp/login-phone-find01.html

@ -48,6 +48,7 @@
48 48
                    <div class="codebox">
49 49
                        <input type="text" placeholder="请输入短信验证码" class="inputtxt sms" id="phoneCode" onBlur="valCode()">	
50 50
                        <input type="button" value="获取短信验证码" class="inputtxt submitBtn gain" onClick="sendPhoneCode()">
51
                        <input type="button" value="120s后重新获取" class="inputtxt submitBtn gainon" style="display:none;">
51 52
                    </div>
52 53
                    <div class="msg msg2" ><span></span></div>	
53 54
                    <input type="button" value="找回密码" class="inputtxt submitBtn" onClick="submitCodeVal()"/>