jq 验证邮箱的正确性，并实现点击获取邮箱验证码按钮，出现倒计时，倒计时完成后出现重新获取

最新推荐文章于 2021-12-02 09:23:30 发布

红尘007

最新推荐文章于 2021-12-02 09:23:30 发布

阅读量1.3k

点赞数

分类专栏： jquery regular

本文链接：https://blog.csdn.net/weixin_37933545/article/details/99883585

版权

jquery 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

regular

2 篇文章 0 订阅

订阅专栏

html 代码
在这里插入图片描述
iq 代码

    $("#LAY-user-getemailcode").click(function(){
        var email = $("#LAY-user-login-cellemail").val();
        if(email == ''){
            return layer.msg('邮箱不能为空');
        }
        if(!email.match(/^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/)){
            return layer.msg('邮箱格式不正确');
        }
        let count = 60;
        const countDown = setInterval(() => {
            if (count === 0) {
                $("#LAY-user-getemailcode").text('重新发送').removeAttr('disabled');
                $("#LAY-user-getemailcode").css({
                    background: '#ff9400',
                    color: '#fff',
                });
                clearInterval(countDown);
            } else {
                $("#LAY-user-getemailcode").attr('disabled', true);
                $("#LAY-user-getemailcode").css({
                    background: '#d8d8d8',
                    color: '#707070',
                });
                $("#LAY-user-getemailcode").text(count + '秒后可重新获取');
            }
            count--;
        }, 1000);

    })