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

这是一款基于jquery实现的手机发送验证码倒计时效果代码，可实现实时显示秒数倒计时的功能，还可实现对手机号码格式验证的功能，是一款常用的网站注册发送手机验证码特效代码。

效果描述：注册一个网站，当需要发送验证码到手机上的时候，我们经常碰到这样的效果：首先检测手机是否符合一开头，11位数字的格式；若不符合，则提示错误信息并返回假的；否则提交给后台，后台确定接收后返回一个值，发送按钮变为灰色并倒计时。

运行效果：

-效果演示源码下载-

为大家分享的jQuery实现的手机发送验证码倒计时效果代码如下

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejQuery手机发送验证码倒计时代码/title link href=' CSS/JB 51。' CSS '类型=' text/CSS ' rel='样式表/headdydiv class=' form ' div class=' div-name '标签为='name '用户名/labelinput type=' text ' id=' name ' class=' infos ' placeholder='请输入用户名//div class=' div-phone '标签为='电话'手机/labelinput type=' text ' id=' phone ' class=' infos ' placeholder='请输入手机/a href=' JAVAScript :'class=' send 1 ' onclick=' sends。“send()；”发送验证码/a/div class=' div-ranks '标签为='等级'验证码/labelinput type=' text ' id=' ranks ' class=' infos ' placeholder='请输入验证码//div class=' div-conform ' a href=' JavaScript :class=' conform ' onclick=' sends。符合()；'提交/a/div/div脚本src=' http : js/jquery-1。8 .3 .量滴js '/script脚本var send={ checked :1，send : function(){ var numbers=/^1\d{10}$/；var val=$('#phone ').val().替换(/\ s/g ' ')；//获取输入手机号码if($(').div-phone ').查找(' span ').长度==0 $('。div-电话a ').attr('class')=='send1'){ if(！数字。测试(val)| | val。长度==0){ $(' .div-phone ').追加(' span class='error '手机格式错误/span’)；返回false} } if(数字。test(val)){ var time=30；$('.div-电话跨度').移除();函数TiME undown(){ if(TiME==0){ ClearInterval(定时器);$('.div-电话a ').addClass('send1 ').removeClass('send0 ').html(")发送验证码');发送。选中=1；返回真；} $('.div-电话a ').html(时间的)后再次发送');时间-;返回假声。选中=0；} $('.div-电话a ').addClass('send0 ').移除CLaSS(' send 1 ')；时间向下();var timer=设置间隔(时间卸载，1000)；} } }/脚本/正文/html以上就是为大家分享的jquery实现的手机发送验证码倒计时效果代码，希望大家可以喜欢。