Javascriptモデル提出後のおかげ様式の表示

Question

こんにちは、私はフィードバック形式のモデルを持っています。モデル提出後に、あなたにも地元のストレージを格納する必要がありますモデルをありがとうを表示する必要があります。助けて。

<div id="myModal2" class="modal fade" role="dialog"> 
<form action="" method="post" onSubmit="popUpToggle();" id="myModal2" > 
<div class="form_fields feedbackfield"> 
<textarea id="txtMessage" name="txtMessage" rows="5" class="form-control contact-input" placeholder="Message *" required></textarea> 
</div> 
<div class="form_fields"> 
<input type="submit" class="contact-submit" name="SUBMIT" value="SUBMIT"> 
</div> 
</form> 
</div> 

<div id="myModal4" class="modal fade" role="dialog"> 
     <div class="modal-dialog">      
       <div class="popupHead3"> 
        Thank you for your feedback  
       </div>  
     </div> 

Javascriptを：

setTimeout(function() { 
      if(localStorage.getItem("modalPopup")){$("#myModal2").modal('hide');} 
      else{$('#myModal2').modal('show');} 

     }, 5000); 

     function popUpToggle(){   
      localStorage.setItem("modalPopup", "commit"); 
     } 

Answer 1

あなたはformsubmitためAJAXを試し、その後

$('#myModal4').modal({show: 'true'}); 

Answer 2

を使用することができ、コードの下にしてみてください。

$("#myModal2").submit(function(){ 
    event.stopPropagation(); 
    event.preventDefault(); 
    $.ajax({ 
    type: "POST", 
    url: /* submit url or form action url */, 
    data: $(this).serialize(), 
    success: function(d){ 
     /* do here what you want to do */ 

     $("#myModal4").modal({show: "true"}); 
    }, 
    dataType: "JSON" 
    }); 
});