短信验证码js

Posted sfornt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了短信验证码js相关的知识,希望对你有一定的参考价值。


var isSmsSend = false;
    function clickButtona(obj){  

            var obj = $(obj); 
            var mobile=$("input[name=mobile]").val(); 
            var URL1 = "{:url('member/index/getcode')}";
            if(isSmsSend == false){
                isSmsSend = true;
                $.ajax({
                url: URL1,
                type: 'post',
                data:{mobile:mobile},
                success: function(data) {

                     if(data.error>0){
                        isSmsSend = false;
                        layer.open({
                            content: data.msg
                            ,skin: 'msg'
                            ,time: 2 //2秒后自动关闭
                        }); 
                        return false;
                    }else{   
                         layer.open({
                            content: "验证码已发送,请注意查收"
                            ,skin: 'msg'
                            ,time: 2 //2秒后自动关闭
                        }); 
                        obj.attr("disabled","disabled");/*按钮倒计时*/ 
                        var time = 60; 
                        var set = setInterval(function(){
                            if(time >= 0){
                                obj.val(time+"(s)"); 
                            }else{
                                isSmsSend = false;
                                clearInterval(set);
                                obj.attr("disabled",false);
                                obj.val("重新发送"); 
                            }
                            time--;
                            
                        }, 1000);/*等待时间*/  

                    } 
                } 
            });
            }
            
        }

以上是关于短信验证码js的主要内容,如果未能解决你的问题,请参考以下文章

js实现输入手机验证码后点击提交按钮验证手机输入的验证码和发送的验证码是不是一致

短信验证码大概流程

js 发送短信验证码倒计时

js实现发送短信验证码倒计时教程

短信验证码js

短信验证码