Przeglądaj źródła

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

xuchunyang 8 lat temu
rodzic
commit
5b9bf715c5

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

87
.sms{ width:254px;}
87
.sms{ width:254px;}
88
.codebox{ overflow:hidden;}
88
.codebox{ overflow:hidden;}
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;}
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
/*手机找回密码02*/
92
/*手机找回密码02*/
91
.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;}
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
.steps2-2{ color:#f59503; float:right;}
94
.steps2-2{ color:#f59503; float:right;}

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

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

44

50
				 	dataType: 'json'
51
				 	dataType: 'json'
51
				});
52
				});
52
		}else{
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
	var codePass = false;
78
	var codePass = false;
58
	function valCode(){
79
	function valCode(){
59
		var phoneCode = $("#phoneCode").val();
80
		var phoneCode = $("#phoneCode").val();

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

19
		<!--邮箱找回密码01!-->
19
		<!--邮箱找回密码01!-->
20
		<div class="email-find1" id="Suspensionbox">
20
		<div class="email-find1" id="Suspensionbox">
21
			<div class="login-title">
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
			</div>
23
			</div>
24
			<div class="logo-find">
24
			<div class="logo-find">
25
				<a href="index.html"><img src="images/logo.png"></a>
25
				<a href="index.html"><img src="images/logo.png"></a>

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

48
                    <div class="codebox">
48
                    <div class="codebox">
49
                        <input type="text" placeholder="请输入短信验证码" class="inputtxt sms" id="phoneCode" onBlur="valCode()">	
49
                        <input type="text" placeholder="请输入短信验证码" class="inputtxt sms" id="phoneCode" onBlur="valCode()">	
50
                        <input type="button" value="获取短信验证码" class="inputtxt submitBtn gain" onClick="sendPhoneCode()">
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
                    </div>
52
                    </div>
52
                    <div class="msg msg2" ><span></span></div>	
53
                    <div class="msg msg2" ><span></span></div>	
53
                    <input type="button" value="找回密码" class="inputtxt submitBtn" onClick="submitCodeVal()"/>
54
                    <input type="button" value="找回密码" class="inputtxt submitBtn" onClick="submitCodeVal()"/>