js/jquery实现倒时计

  • 内容
  • 相关

在很多网站,比如我们注册会员或者绑定手机的时候会碰到需要我们发送验证码辅助验证,对于那种种特效是怎么实现的呢?

HTML代码如下:
<div class="cy-inNumBox wid90">
    <h3>请输入你需要绑定的邮箱</h3>
    <div class="cy-inNum-body">
        <input class="borderDe" type="text" name="email" id="email"/>
        <button class="unShadow float-right" id="sendEmailCode">发送验证码</button>
    </div>
</div>

主要 js/jquery代码(这里得配合后端实现ajax数据交互)

$('#sendEmailCode').click(function () {
    var email = $.trim($('#email').val());
    if (email == '') {
        dawnAlert('请填写您的邮箱');
        return false;
    }else if(!/^[^@]+@[^@]+\.[^@]+$/.test($('#email').val())){
        dawnAlert('请输入正确格式的邮箱');return false;
    }
 
    $.post('<?php echo url("Validform/sendEmail")?>', { 'email': email }, function (data) {
        if (data) {
 
            vcodeTick(10);//执行方法
            dawnAlert('验证码已发送至您的邮箱,请注意查收');
            $('#sendEmailCode').attr({'disabled':'disabled','readonly':true}).css('cursor','wait'); //使鼠标失效成等待状态
        } else {
            dawnAlert(data.msg);
        }
    }, 'json');
    return false;
})
//再次发送等待处理
function vcodeTick(count) {
    if (count <= 0) {
        $('#sendEmailCode').bind('click').html('发送验证码');
        $('#sendEmailCode').attr({'disabled':false,'readonly':false}).css('cursor','');
        return;
    }
    $('#sendEmailCode').html(count + ' 秒后发送');
    count--;
    setTimeout('vcodeTick(' + count + ')', 1000);
}


js/jquery实现倒时计
         本页正文内容约1148个文字
         本文标签:

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/543.html   百度未收录

发表评论

电子邮件地址不会被公开, 推荐使用QQ快速评论!

评论

3条评论
  1. avatar

    起点终站 Lv.3 Chrome 54.0.2840.99 Chrome 54.0.2840.99 Windows Windows 回复

    表情 骚年,我怀疑你写了一篇假的文章!
    表情 写得好好哟,我要给你生猴子!
    [code]签到成功!签到时间: 下午2时32分30秒,签到运到,生活乐逍遥![/code]

    福建省福州市 电信

    1. avatar

      www.essayrush.cn Lv.1 Firefox 50.0 Firefox 50.0 Windows Windows 回复

      支持楼主,赞赞

      罗马尼亚

      1. avatar

        磨浆机 Lv.3 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        吃瓜群众

        重庆市 电信

        00:00 / 00:00
        顺序播放