web前端|js教程
jquery,倒计时,验证码
web前端-js教程
这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码。
拍卖网 源码,vscode整理代码格式键,ubuntu 启动软件,tomcat和jvm关系,sqlite exe,惠优教育网页设计,数据库查询类型,主机与服务器怎么切换,棋牌游戏插件,前端美颜框架,爬虫教程网,卸载php7,seo有什么作用,springboot没入口,环保主题静态网站模板,志愿者管理系统手机网页源码,个人信息管理系统模板,网站后台登录地址修改,wordpress 页面 评论,学生信息管理系统总模板,微擎名片小程序lzw
效果描述:
注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果:
首先检测手机是否符合1开头,11位数字的格式;
若不符合,则提示错误信息并返回false;
否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时。
仿系统吧下载网站源码,ubuntu如何分隔磁盘,tomcat欢迎页能打开,香港爬虫网站,手机php开发环境,seo顾问丶品达seolzw
运行效果:
nz交易平台源码,vscode界面变方框,Ubuntu 关闭硬盘,tomcat的进程死锁,sqlite连接数据库路径,爬虫已在调试程序中暂停怎么回事,debian 8 php,宿州seo推广咨询热线,炫酷手机网站模板,模板元素lzw
——————————–效果演示 源码下载——————————–
为大家分享的jQuery实现的手机发送验证码倒计时效果代码如下
发送验证码
提交
var sends = { checked:1, send:function(){ var numbers = /^1\d{10}$/; var val = $(#phone).val().replace(/\s+/g,""); //获取输入手机号码 if($(.div-phone).find(span).length == 0 && $(.div-phone a).attr(class) == send1){ if(!numbers.test(val) || val.length ==0){ $(.div-phone).append(手机格式错误); return false; } } if(numbers.test(val)){ var time = 30; $(.div-phone span).remove(); function timeCountDown(){ if(time==0){ clearInterval(timer); $(.div-phone a).addClass(send1).removeClass(send0).html("发送验证码"); sends.checked = 1; return true; } $(.div-phone a).html(time+"S后再次发送"); time--; return false; sends.checked = 0; } $(.div-phone a).addClass(send0).removeClass(send1); timeCountDown(); var timer = setInterval(timeCountDown,1000); } }}
以上就是为大家分享的jquery实现的手机发送验证码倒计时效果代码,希望大家可以喜欢。