當主題設置為我的登錄插件注冊表單時設置彈出窗口

Question

我正在使用主題在WordPress中使用我的登錄插件。 我在登錄主題后創建了彈出窗口。 我已經寫了jquery在提交注冊表時顯示彈出窗口。代碼如下：

$('#registerform').submit(function(){
    var mob = $("#cimy_uef_1").val();
    var email = $("#user_email").val();
    var pass1 = $("#pass1").val();
    var pass2 = $("#pass2").val();

    var len = $(".tml-register").find(".error").length;

    if(email != '' && pass1 != '' && pass2 != '' && pass1 == pass2)
    {
        //alert("nisarg");
        $.ajax
        ({
            type: "POST",
            url: "<?php echo plugins_url()."/invoice-system/send_sms.php"; ?>",         
            data: {mob:mob,email:email},            
        }).done(function(html){
            $('.cd-popup').addClass('is-visible');

            //close popup
            $('.cd-popup').on('click', function(event){
                if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) {
                    event.preventDefault();
                    $(this).removeClass('is-visible');
                }
            });
            //close popup when clicking the esc keyboard button
            setTimeout(function(){
                $(document).keyup(function(event){
                if(event.which=='27'){
                    $('.cd-popup').removeClass('is-visible');
                }
            });},10000);

        });
    }

此處還提交了表格。 當我提交表單時，頁面會重新加載，因此我的彈出窗口會顯示幾秒鍾。 在這里，我要顯示注冊后的彈出窗口，直到關閉彈出窗口。 那我該怎么辦？

Answer 1

首先，您需要停止提交表單，可以使用以下方法：

e.preventDefault();

然后，您需要在彈出窗口關閉時重新提交表單。 您可以使用：

$( "#registerform" ).submit();

您的完整代碼將如下所示：

 $('#registerform').submit(function(e){ e.preventDefault(); var mob = $("#cimy_uef_1").val(); var email = $("#user_email").val(); var pass1 = $("#pass1").val(); var pass2 = $("#pass2").val(); var len = $(".tml-register").find(".error").length; if(email != '' && pass1 != '' && pass2 != '' && pass1 == pass2) { //alert("nisarg"); $.ajax ({ type: "POST", url: "<?php echo plugins_url()."/invoice-system/send_sms.php"; ?>", data: {mob:mob,email:email}, }).done(function(html){ $('.cd-popup').addClass('is-visible'); //close popup $('.cd-popup').on('click', function(event){ $( "#registerform" ).submit(); if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) { event.preventDefault(); $(this).removeClass('is-visible'); } }); //close popup when clicking the esc keyboard button setTimeout(function(){ $(document).keyup(function(event){ if(event.which=='27'){ $('.cd-popup').removeClass('is-visible'); } });},10000); }); }