jQuery实现表单验证 点击验证码,倒计时60秒
当用户单击“获取验证码”按钮后,会从59秒开始计时。
显示效果图
HTML部分代码:
<a class="tableText fr" href="#">获取验证码</a>
jQuery代码:
$(".tableText").click(function () { var time = 60; var timer = setInterval(function(){ time--; $(".tableText").text("("+time+"秒)重发"); if(time==0){ clearInterval(timer); $(".tableText").text("获取验证码"); } },1000); });
验证登录名:
邮箱/手机号/昵称,正则表达式
var reg = /[a-zA-Z0-9]{1,10}@[a-zA-Z0-9]{1,5}\.[a-zA-Z0-9]{1,5}|^1[3578]\d{9}$|^[\u4e00-\u9fa5]{2,4}$/; var value = jQuery("input[name='userName']").val(); if (!reg.test(value)) { $(".showInfo").text("请与所请求的格式保持一致!"); return false; }