用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

给绑定手机发送手机验证码 点击之后 倒计时 一分钟之后 才能再次点击

2015-09-08 作者: 中哥举报

[javascript]代码库

*******************************************         JS          ***************************************************
// 给绑定手机发送手机验证码
function sendRand_oldMobile() {
    $.ajax({
        type : "POST", // post提交方式,默认是get
        url : contextpath + "shopuser/myaccount/SendRand.do", // 请求的数据源
        data : { // 传递的数据
            mobile : $('#check_mobile').val() ,// 手机号
        },
        success : function(response) {
            var result = $.parseJSON(response);
            alert(result.msg);
            if(result.code=="0109" || result.code=="0110"){
                var time = 60;
                // var code = $(this);
                $("#fsdmsg2").addClass("msgs1");
                $("#fsdmsg2").removeAttr("onclick");
                var t = setInterval(function() {
                            time--;
                            $("#fsdmsg2").val(time  + "秒后重新获取");
                            if (time == 0) {
                                clearInterval(t);
                                $("#fsdmsg2").val("重新获取");
                                $("#fsdmsg2").removeClass("msgs1");
                                $("#fsdmsg2").attr("onclick","sendRand_oldMobile();");
                            }
                        }, 1000)
            }
        }
    })
}
 
 
 
*************************************************          Html    ***************************************************************
 
                <input type="button" id="fsdmsg2" value="获取手机验证码" onclick="sendRand_oldMobile()"
                    class="msgs">
 
 
*********************************************************CSS ********************************************************
 
 .msgs1 {
    background: #E6E6E6;
    color: #818080;
    border: 1px solid #CCCCCC;
}
.msgs {
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    display: inline-block;
    width: 200px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #0697DA;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #0697DA;
    cursor: pointer;
}


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...