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;
}


猜你喜欢

转载自blog.csdn.net/jinchunzhao123/article/details/81022747
今日推荐