JQuery | Как показать div после отправки формы успешно

Question

Я сделал два всплывающих окна. Один из них спрашивает, следует ли отправить форму или нет, и форма отправляется, если пользователь нажимает «да». Единственное, что у меня возникает, это то, что второй (всплывающее окно) отображается после успешной отправки формы. Это всплывающее окно анонса.

Это всплывающее окно в html.

<!-- modalpopup:start (1)--> 
<div style="display:none;" id="popWindow" class="popWindow"> 
<span class="modalWindow"></span> 
<div class="popLayer"> 
    <button type="button" class="xclose" onclick="document.getElementById('popWindow').style.display='none'"><img src="images/x_btn.png" title="닫기" /></button> 
    <div class="modalpopup_top"><img class="left_logo" src="images/left_logo.png" title="GAMEPARTYdevelopers_logo" /></div> 
    <div class="modalpopup_contants"> 
     <p></p> 
     <div class="buttonbox"><button onclick="document.getElementById('popWindow').style.display='none'" class="button100">취소</button><button id="sub_form" val ue="확인" onclick="sub_form();" class="button100_01">확인</button></div> 
    </div> 
</div> 

<!-- modalpopup:start (2) --> 
<div style="display:none;" id="popWindow_ok" class="popWindow"> 
<span class="modalWindow"></span> 
<div class="popLayer"> 
    <button type="button" class="xclose" onclick="document.getElementById('popWindow_ok').style.display='none'"><img src="images/x_btn.png" title="닫기" /></button > 
    <div class="modalpopup_top"><img class="left_logo" src="images/left_logo.png" title="GAMEPARTYdevelopers_logo" /></div> 
    <div class="modalpopup_contants"> 
     <p></p> 
     <div class="buttonbox"><button id="refresh_form" value="확인" onclick="document.getElementById('popWindow_ok').style.display='none'" class="button100_01">> 확인</button></div> 
    </div> 
</div> 

и это функция sub_form, которая называется '#sub_form' нажата.

function sub_form() { 
    document.getElementById('popWindow').style.display='none'; 

    modi_Game.action = "modify_games.html"; 
    modi_Game.submit(function(event) { 
     event.preventDefault(); 
     document.getElementById('popWindow_ok').style.display='block'; 
    } 
} 

Вышеуказанный не работал, поэтому я изменился, как показано ниже.

var modi_Game = document.modi_game; 
function sub_form() { 
document.getElementById('popWindow').style.display='none'; 

modi_Game.submit(function(event) { 
    event.preventDefault(); 
    $.ajax({ 
      data: $("#modi_game").serialize(), 
      type: $(this).attr('POST'), 
      url: $(this).attr('modify_games.html'), 
      success: function(response) { 
       document.getElementById('popWindow_ok').style.display='block'; 
      } 
    }); 
    return false; 
    }); 
} 

Это также не восковая форма. Как я могу понять это? Все, что я хочу сделать, это нажать кнопку (id = "sub_form"), которая является дочерними элементами div (id = "popWindow"), чтобы отправить форму, а затем div (id = "popWindow_ok") отображается после формы представляется успешно. Есть какой-либо способ сделать это? Пожалуйста, дайте мне знать, у дозы есть идея. Спасибо.

---

Вы знаете, почему предупреждение не работает в коде ниже?

function sub_form() { 
    document.getElementById('popWindow').style.display='none'; 

    modi_Game.action = "modify_games.html"; 
    modi_Game.submit(function() { 
     alert("ok"); 
    }); 
} 

Answer 1

Добавьте это к вашему успеху обратного вызова:

$('#popWindow_ok').show(); 

Answer 2

Ok. Измените свою функцию таким образом, чтобы она работала. Bind событие на странице время загрузки и отправить форму с помощью $("#modi_Game").submit();

function sub_form() { 
      document.getElementById('popWindow').style.display = 'none'; 

      var modi_Game = document.getElementById("modi_Game"); 

      modi_Game.action = "yourlink.html"; 

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

     } 

     $(document).ready(function() { 
      $("#modi_Game").submit(function (event) { 
       alert("Stoping the form submitting"); 
       event.preventDefault(); 
       document.getElementById('popWindow_ok').style.display = 'block'; 
      }); 

     }); 

Answer 3

Другим решением может быть

function sub_form() { 
    document.getElementById('popWindow').style.display='none'; 

    modi_Game.action = "modify_games.html"; 

    $("#modi_Game").submit(function (event) { 
       alert(); 
       event.preventDefault(); 
       document.getElementById('popWindow_ok').style.display = 'block'; 
      }); 

    $("#modi_Game").submit(); 
}