一般我们注册的时候都有输入验证码这一步,但是有时候这一步确认让人头痛,在此特意记录一下,以便后期查阅。
其中部分关键代码如下:
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进行书写的,如有问题,请多指教!