1. <p id="obnf4"></p>

      1. 0712-2888027 189-8648-0214
        微信公眾號

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

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

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

        時間:2024-09-17來源:風信官網 點擊: 840次
        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.orientaltechsolution.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 源代碼 信息已發出
        欄目列表
        推薦內容
        熱點內容
        展開
        久久精品国产字幕|中文字幕日韩精品东京热|日韩精品动漫在线一区二|日韩免费看视频三区中文字幕
        1. <p id="obnf4"></p>