短信验证倒计时60s


		$("#zphone").click(function(){
			var tel2 = $("#regTel").val();
			if(flag.tel){
				$.post(
						"<%=path%>/main/login_regCode.action",
						{"tel":tel2},
						function(data){
							if(data){
								if(data == "has"){
									RemainTime();
								}
							}
						}
					);
				return false;
			}else{
				alert("必须为移动用户!");
			}

		});

var iTime = 59;
	var Account;
	function RemainTime(){
		document.getElementById(‘zphone‘).disabled = true;
		var iSecond,sSecond="",sTime="";
		if (iTime >= 0){
			iSecond = parseInt(iTime%60);
			iMinute = parseInt(iTime/60);
			if (iSecond >= 0){
				if(iMinute>0){
					sSecond = iMinute + "分" + iSecond + "秒";
				}else{
					sSecond = iSecond + "秒";
				}
			}
			sTime=sSecond;
			if(iTime==0){
				clearTimeout(Account);
				sTime=‘获取手机验证码‘;
				iTime = 59;
				document.getElementById(‘zphone‘).disabled = false;
			}else{
				Account = setTimeout("RemainTime()",1000);
				iTime=iTime-1;
			}
		}else{
			sTime=‘没有倒计时‘;
		}
		document.getElementById(‘zphone‘).value = sTime;

		if(iTime == 0){
			alert("验证码超时!");
		}
	}

界面:
 <li>
   <label>验 证 码:
         <input type="text" name="code" class="ipt"  id="regCode"/>
         <input type="submit" id="zphone"  value="发送验证码" class="submitBtn1" />
           <font color="#ff0000">* 不能为空</font>
     </label>
</li>

  

时间: 2024-10-07 14:51:03

短信验证倒计时60s的相关文章

js短信验证倒计时

<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title></title>  <style type="text/css">   *{    margin: 0;    padding: 0;   }   button{    width: 100px;   }  </style>  <script t

短信验证倒计时实现(转自http://blog.it985.com/13140.html)

第一步 , 拖两个空间textfiled和button到storyboard上的viewcontroller上. 第二步, 拖线,链接到.h文件中代码如下: @property (weak, nonatomic) IBOutlet UIButton *l_timeButton; 第三步, 在,m文件中为l_timeButton设置监听器,监听点击事件. - (void)viewDidLoad { [super viewDidLoad]; [_l_timeButton addTarget:self

短信验证倒计时

// 60秒重新获取 new CountDownTimer(60000, 1000) { @Override public void onTick(long millisUntilFinished) { btn_send_verifi.setText((millisUntilFinished / 1000) + "秒后重新获取"); btn_send_verifi.setEnabled(false); } @Override public void onFinish() { btn_s

React 60s倒计时(发送短信验证按钮)

导入:(antd组件——Form表单) import { Button, Form, Input } from 'antd'; const FormItem = Form.Item; state = { loading: false, yztime: 59, }; //倒计60s count = () => { let { yztime } = this.state; let siv = setInterval(() => { this.setState({ yztime: (yztime--

yii框架实现注册页面短信验证60秒倒计时

先说下简单的,直接用jquery来实现短信验证60秒倒计时,然后在说明在yii框架下怎么实现的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

ASP.NET MVC+Bootstrap 实现短信验证

短信验证大家都已经很熟悉了,基本上每天都在接触手机短信的验证码,比如某宝,某东购物,网站注册,网上银行等等,都要验证我们的手机号码真实性.这样做有什么好处呢. 以前咱们在做网站的时候,为了提高用户注册的质量,防止用户恶意注册,都会设置一些小阻碍,如网页验证码.邮件认证等等.但是道高一尺魔高一丈,很快网站的这些设置都被一些网络黑客利用注册机逐一攻破,这些功能也就随之变成了摆设. 但是魔高一丈道高两丈,随着移动设备的普及,短信验证的功能横空出世.他的出现轻松的排除了传统网站验证码的弊端,还提升了网站

使用thinkphp如何实现短信验证注册?

注册时经常需要用到短信验证码,本文主要和大家分享使用thinkphp实现短信验证注册的思路和具体实现,希望可以帮助大家更好的学习thinkphp框架. 思路 1.用户输入手机号,请求获取短信验证码. 2.thinkphp生成短信验证码,存储,同时和其他参数一起发送请求给云片. 3.云片发送短信验证码到指定手机号. 4.用户输入短信验证码. 5.thinkphp根据验证码是否正确.验证码是否过期两个条件判断是否验证通过. 代码实现 验证接口 接口地址: https://sms.yunpian.co

[Android]手机短信验证功能

介绍 短信验证功能大家都很熟悉了.在很多地方都能见到,注册新用户或者短息验证支付等.短信验证利用短信验证码来注册会员,大大降低了非法注册,很大程度上提高了用户账户的安全性. 目前市面上已经有了很多提供短信验证的服务商,有收费的,也有免费的.如果是个人的开发者,用免费的是最划算的了!下面我就介绍一个免费的短信验证平台---Mob.com Mob平台提供的短信验证功能可以实现快速的验证和匹配通讯录好友功能,并且能为每个app每天提供10000条免费短信验证.很多开发者都想在自己的app中集成短信验证

Android之短信验证

一.目标 实现Android短信验证 二.下面用一个简单的案例来完成这个功能 1.首先下载短信验证SDK 下载短信验证SDK官网地址:http://www.mob.com 找到SDK下载,在SMS里找到"SMSSDK For Android"下载, 如图: 2.下载完成之后: 将SMSSDK文件夹下的两个.jar文件和.aar文件复制到你项目的Project->app->libs目录下 如图所示: 3.在Android->Gradle Scripts->buli