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

来源：互联网发布：淘宝购手机编辑：程序博客网时间：2024/05/17 09:23

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

其中部分关键代码如下：

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进行书写的，如有问题，请多指教！

阅读全文

0 0