• <nav id="qwoea"></nav>
  • <nav id="qwoea"><strong id="qwoea"></strong></nav><nav id="qwoea"></nav>
    <menu id="qwoea"></menu>
  • 0712-2888027 189-8648-0214
    微信公眾號

    孝感風信網絡科技有限公司微信公眾號

    當前位置:主頁 > 技術支持 > Javascript/JQuery > JQuery源代碼:信息已發出,60秒后重新發送

    JQuery源代碼:信息已發出,60秒后重新發送

    時間:2023-09-04來源:風信官網 點擊: 451次
    JQuery源代碼:信息已發出,60秒后重新發送

    HTML源代碼片斷:

    <!--短信驗證碼-->
            <div class="vervode_main ovhide hide">
                <div class="vercode_l fl">
                    <input type="number" style="border:1px solid #e1e1e1;" placeholder="短信驗證碼" name="code" value="" regexp="^[0-9]{4,6}$">
                    <div class="code_error hide">
                        <i class="iconfont icon-pc-tishi"></i>
                        <span>請輸入正確驗證碼</span>
                    </div>
                </div>
                <div class="vercode_r">
                    <button type="button" class="" id="sendCode" onclick="getVerify1()">獲取驗證碼</button>
                    <div class="send_again hide"><span>60</span>s后重新發送</div>
                </div>
            </div>

    JQuery源代碼片斷:
     
    <script>
        var miao1 = 60;
        var m1 = null;
     
        var codeBtnObj1 = $("#sendCode");
        var daojishi1 = function() {
            clearInterval(m1);
     
            if (miao1 == 0) {
                codeBtnObj1.html('獲取驗證碼');
                miao1 = 60;
                $("#sendCode").attr("onclick","getVerify1()");
            } else {
                miao1 = miao1 - 1;
                codeBtnObj1.html(miao1 + 's后重新發送');
                m1 = setInterval(daojishi1, 1000);
                $("#sendCode").attr("onclick","getalert()");
            }
        };
     
        function  getalert() {
            layer.alert('信息已發出,60秒后重新發送');
        }
     
        function getVerify1() {
            var tel = $.trim( $("input[name=tel]").val() );
            if(tel=='') {
                layer.alert('請輸入手機號');
                return;
            }
            $.ajax({
                url: "http://www.lradmissions.com/sendmsgcode",
                type: "POST",
                data: {phone: tel},
                dataType: "json",
                success: function (data) {
                    if (data.status == 1) {
                        daojishi1();
                    } else {
                        alert(data.msg);
                    }
                }
            });
        }
     
        function guanbi() {
            $("#gray").hide();
            $(".login").hide();
        }
     
        function showlogin(){
            $("#gray").show();
            $(".login").show();
        }
    </script>

    手機號驗證,動態監測手機號源代碼片斷:
    <script>
        /*手機號輸入監控*/
        function checkmobile(phone){
            var myreg = /^1[3-9][0-9]{9}$/;
            if(myreg.test(phone)){
                return true;
            }else{
                return false;
            }
        }
    
        //輸入手機號時,動態監測手機號
        $("input[name=tel]").on("keyup",function(){
            if(checkmobile($(this).val())){
                var phone=$(this).val();
                $.ajax({
                    url: "/index.php/Index/checktel",
                    type: "POST",
                    data: {phone: phone},
                    dataType: "json",
                    success: function (data) {
                        if(data.status!=1){
                            if($(".vervode_main").hasClass("hide")){
                                $(".vervode_main").removeClass("hide");
                            }
                        }
                    }
                });
            }else{
                $(".vervode_main").addClass("hide");
            }
        })
    </script>

    熱門關鍵詞: JQuery 源代碼 信息已發出
    欄目列表
    推薦內容
    熱點內容
    展開