フォームの検証と携帯電話の検証コードを取得する小さなdemo

38739 ワード

    //    :         ,    。
    //  (1)         
    //             100    //             101    //  (2)""


    function showTips(content) {
        $('.tips>p').text(content).stop(true).slideDown(1000).delay(100).slideUp(2000)
    }
    //     :
    //        ,          
    //          ,              

    // 1.      ,       
    //  (1)                  "       "
    //  (2)           ,   "          "

    var $sendBt = $('#sendBt');
    $sendBt.click(function () {

        //  (1)                  "       "
        if($('#mobile').val().trim()===""){
            showTips("  ");
            return;
        }
        //(2)           ,   "          "(    )
        if(!/^1\d{10}$/.test($('#mobile').val())){
            showTips("  ");
            return;
        }
        // "   ",          
        $sendBt.val("   。。。").addClass("disabled");
        $.ajax({
            type:"get",
            url:"getCode.php",
            data:{
                mobile:$('#mobile').val()
            },
            dataType:"json",
            success: function (data) {
                console.log(data);
                if(data.code ===100){
                    showTips(data.msg);
                    var count = 3;
                    var timer = setInterval(function () {
                        count--;
                        $sendBt.val(count+'      ');
                    if(count === 0){
                        clearInterval(timer);
                        $sendBt.val('     ').removeClass('disabled');
                    }
                    },1000)
                }
                if(data.code ===101){
                    showTips(data.msg);
                    $sendBt.val('       ').removeClass('disabled');
                }

            },
            error: function (error) {
                showTips("     ");
                //    
                $sendBt.val("     ").removeClass("disabled");
            }
        })

    })
    //    

    //   :      ,        
    var $submitBt = $('#submitBt');

    $submitBt.click(function () {
        //  1:    
        //1.1 "      "
        if($('.name').val().trim() == ""){
            showTips("      ");
            return;
        }
        //1.2 "     "
        if($('.pass').val().trim() == ""){
            showTips("     ");
            return;
        }
        //1.3 "          "
        if($('.repass').val() !== $('.pass').val()){
            showTips("          ");
            return;
        }
        //  (1)                  "       "
        if($('#mobile').val().trim()==""){
            showTips("  ");
            return;
        }
        //(2)           ,   "          "(    )
        if(!/^1\d{10}$/.test($('#mobile').val())){
            showTips("  ");
            return;
        }
        //1.6         4"       "
        if(!/\d{4}$/.test($('.code').val())){
            showTips("       ");
            return;
        }
        //  2:       ,     "   ...",          
        if($submitBt.hasClass('disabled')){
            return;
        }

        $submitBt.val('   ...').addClass('disabled');

//        console.log($('#ajaxForm').serialize());
        //  3:        ,    
        $.ajax({
            url: "register.php",
            type: "post",
            dataType: "json",
            // $(  ).serialize                name        ,
            //        , jquery       data       
            // name=1234&pass=1234&mobile=15751776628&code=1234
            data: $('#ajaxForm').serialize(),
            //3.1       
            success: function (data) {
                console.log(data);
                //100 3s      
                if(data.code ===100){
                    showTips(data.msg);
                    setTimeout(function () {
                        location.href = "www.baidu.com";
                    },3000)
                }
                //101     "   jepson    "
                if(data.code ===101){
                    showTips(data.msg);
                    $submitBt.val('    ').removeClass('disabled');
                }
                //102     "     "
                if(data.code ===102 ){
                    showTips(data.msg);
                    $submitBt.val("    ").removeClass('disabled');
                }
            },
            //3.1 "",      
            error: function (error) {
                showTips("");
                $submitBt.val('    ').removeClass('disabled');
            }
        })





    })