关于获取验证码的书写过程

一般我们注册的时候都有输入验证码这一步,但是有时候这一步确认让人头痛,在此特意记录一下,以便后期查阅。

其中部分关键代码如下:

html有关验证码部分代码:

<div class="tel">
					<input class="ipt" type="tel" maxlength="11" name="tel" id="tel" value="" placeholder="请输入手机号码注册"/>
				</div>
				<div class="yzm">
					<div class="code">
						<input class="codeTxt" type="text" name="code" id="code" value=""  />
					</div>
					<div class="code">
						<button class="codeBtn" type="button" id="getting">获取验证码</button>
					</div>
				</div>
验证码获取接口部分js如下:
$('#getting').click(function(){
		            var btn = $(this);
		            var oPhone=$("#tel").val();
		            var oTip=$('#tip');
		            if(oPhone==''){
		            	oTip.html('<em>手机号不能为空!</em>');
			            return false;
			            }else if(!oPhone.match(/^1[3|4|5|7|8]\d{9}$/)){
			            	oTip.html('<em>手机号输入错误,请重新输入!</em>');
			            	return false;
			            }else{
				            var count = 60;
				            var resend = setInterval(function(){
				                count--;
				                if (count > 0){
				                    btn.html(count+"秒后可重新获取");
				                    $.cookie("captcha", count, {path: '/', expires: (1/86400)*count});
				                }else {
				                    clearInterval(resend);
				                    btn.html("获取验证码").removeAttr('disabled style');
				                }
				            }, 1000);
				            btn.attr('disabled',true).css('cursor','not-allowed');
				            
				             $.ajax({
				            	type:"get",
				            	url:"http://www.../new_sms.php?&wx_mobile="+oPhone,
				            	async:true
				            });
			            }
		        });
这里是通过jquery ajax进行书写的,如有问题,请多指教!


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值