當您單擊一個按鈕時,會打開帶有表單的 fancybox,填寫表單并單擊發送按鈕后,我希望此窗口自動關閉,并打開另一個窗口,并顯示“消息已成功發送”文本幾秒鐘后,或者在窗口區域外按下時,它就會消失。$("form").submit(function() { //Change var th = $(this); $.ajax({ type: "POST", url: "mail.php", //Change data: th.serialize() }).done(function() { $('#alert-massage').fadeIn(500); alert("Thank you!"); setTimeout(function() { // Done Functions th.trigger("reset"); }, 1000); }); return false;});<div id="modal"><div class="modal__wrap"> <div class="modal__title"> Write me </div> <form > <!-- Hidden Required Fields --> <input type="hidden" name="project_name" value="kylun-Serg"> <input type="hidden" name="admin_email" value="[email protected]"> <input type="hidden" name="form_subject" value="popup-form"> <!-- END Hidden Required Fields --> <input type="text" placeholder="Username" name="Name" required> <input type="email" placeholder="Email" name = "E-mail"required> <input type="phone" placeholder="Phone" name = "Phone"> <textarea placeholder="Massage" name="Massage"></textarea> <button type="submit" class="btn"> Send </button> </form></div>
1 回答

猛跑小豬
TA貢獻1858條經驗 獲得超8個贊
提交表單時,您可以觸發一個函數
<button type="submit" onclick="myFunction()" class="btn">Send</button>
函數將隱藏模式并顯示成功消息并重新加載當前頁面。
function myFunction(){
document.getElementById("modal").style.display = "none";
alert('Form submitted successfuly.');
location.reload();
}
- 1 回答
- 0 關注
- 135 瀏覽
添加回答
舉報
0/150
提交
取消