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

<!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>

效果：

时间： 2024-10-10 04:31:24

页面效果，给手机发送验证码的相关文章

jQuery实现的手机发送验证码倒计时效果代码分享

这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述:注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果:首先检测手机是否符合1开头,11位数字的格式:若不符合,则提示错误信息并返回false:否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时. 运行效果: 年利率高达14.4% 上海投融理财,20万起投,年化收益14.4% 房产抵押,

jquery实现手机发送验证码的倒计时代码（转）

var wait = 60;//时间 function time(o, p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变 if (wait == 0) { //o.removeAttr("disabled"); //o.val("点击发送验证码");//改变按钮中value的值 //p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送"); $('#'+p).removeAttr(&quo

laravel框架手机发送验证码

https://blog.csdn.net/sunny_lg/article/details/52471225 现在登录注册时我们的验证方法不在单一化手机发送验证码已经成为常态让我们一起来实现以下吧 ! 首先我们要先找短信的接口我用的是云信使这里是他的地址http://sms.sms.cn/login.php?cgh 大家可以去注册一下 1.进入视图 <ul class="register"> <li> <label>手机号

jQuery手机发送验证码倒计时代码

<!DOCTYPE> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="http://s29.xtest.tech/res/bxdapp/js/jquery.min.js"></script> <script type="text/javascript"&

手机发送验证码—.net代码

注册过程中,短信发送验证码流程如下: (1).用户提交手机号码,申请湖区验证码 (2).网站按照预制规则生成验证码 (3).网站将用户手机号码和验证码发送到短信平台 (4).将制定内容发送到制定手机号码 (5).用户收到验证码后,提交验证 (6).判断,提交表单接口代码如下: <span style="font-size:18px;">try{ Encoding myEncoding = Encoding.GetEncoding("UTF-8"); s

实现手机发送验证码进行验证

Html: <li><label class="k" for="">手机号码:</label><span class="v"><input class="psp-text" style="width: 90px; ime-mode: disabled;" type="text" id="txtMobileCode"

APP中注册时常用的发送验证码的Button，带倒计时重发功能

finddreams:http://blog.csdn.net/finddreams/article/details/44174775 注册时我们经常会碰到,给手机发送验证码的功能,点击发送验证码,然后就是显示剩余多少秒之后重新发送验证码,效果图如下: 为了实现这样的效果,当用户点击发送验证码时,显示为剩余多少秒重新发送,同时设置这个Button的状态为不可点击,所以是个灰色背景.等倒计时完了之后,把Button的状态置为可以点击状态.Android中内置的普通的Button是达不到要求的,我们

使用中国网建实现Java向手机发送短信的功能

公司需要使用向指定手机发送验证码的功能,在网上搜了一下,有使用'短信猫'的,有使用WebService的,有使用第三方的,我使用的是中国网建提供的API来实现: 中国网建注册送五条短信和三条彩信做测试,这就足够了,今天公司刚买了几千条做测试! 首先是编码的选择: GBK编码发送接口地址: http://gbk.sms.webchinese.cn/?Uid=本站用户名&Key=接口安全秘钥&smsMob=手机号码&smsText=验证码:8888 UTF-8编码发送接口地址: htt

C# Ajax 手机发送短信验证码校验验证码菜鸟级别实现方法

1.Ajax请求处理页面: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.SessionState; using System.Web.Services; namespace Web.User.Ajax { /// <summary> /// SendCheckcode 的摘要说明 /// </summary> [WebSer