码迷,mamicode.com
首页 > 移动开发 > 详细

页面效果,给手机发送验证码

时间:2016-03-31 15:03:50      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:验证码   手机   

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定时发送验证码</title>
	<script type="text/javascript">
	var wait = 5;
	  function send(o) {
		if(wait==5){
		 //向服务器发送请求,给手机发送验证码
			 // $.post("<%=path%>/simple/user/sendCode/mobile", 
			 //   {
				// 	"mobile" : "${user.mobile}",
				// 	"number" : 2
				// }, 
				// function(data) {
				// 	  if(data,message=="success"){
				// 		alert("验证码发送成功,请注意查收!");
				// 	}else{
				// 		alert("验证码发送失败,请稍后重试!");
				// 	} 
				// });
				
			}
			if (wait == 0) {
				o.removeAttribute("disabled");
				o.value = "手机获取";
				wait = 5;
			} else {
				o.setAttribute("disabled", true);
				o.value = "" + wait + "s后可重新发送";
				wait--;
				setTimeout(function() {
					if (wait == 0) {
						flag = true
					}
					;
					send(o);
				}, 1000)
			}
		}
	</script>
</head>
<body>
	<label for="mobile">手机号:</label>
	<input id="mobile" />
	<input type="submit" class="sub_verify" onclick="send(this);" value="手机获取" />
</html>

效果:

技术分享


技术分享


本文出自 “Simple Life” 博客,请务必保留此出处http://simplelife.blog.51cto.com/9954761/1758757

页面效果,给手机发送验证码

标签:验证码   手机   

原文地址:http://simplelife.blog.51cto.com/9954761/1758757

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!