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();

然后你需要在popup close上重新提交表单。您可以使用以下方式执行此操作：

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

您的完整代码如下所示：

＆＃13;

$('#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);

        });
    }

＆＃13;

主题我的登录插件注册表单提交时设置弹出窗口

1 个答案: