Bootstrap modal ตามที่ท่านด้านบนบอกเลยครับ
ลองดูที่นี่นะครับ เผื่อเอาไปปรับใช้ (ผมค้นเจอ อ่านโค๊ด แล้วมาบอกคุณ)
http://reusableforms.com/d/p4/...ontact-form-in-bootstrap-modal ผมลองทดสอบ preview the form ลองดูแล้ว ตรง success_message เมื่อแสดงแล้ว มันไม่ปิดเอง นอกจากคุณคลิ๊กที่อื่นๆ มันถึงจะกลับมาที่ฟอร์ม
หากคุณต้องการให้มันแสดง แล้วปิดเอง ลองใส่โค๊ดนี้ดู เผื่อได้ (ผมยังไม่ได้ลองนะ เพราะเครื่องที่ผมใช้งานตอนนี้ มันไม่สะดวก)
ให้เพิ่ม $('#success_message').hide(); ต่อจาก
$('form#reused_form').hide();
$('#success_message').show();
$('#error_message').hide();
ซึ่งจะกลายเป็น
$('form#reused_form').hide();
$('#success_message').show();
$('#error_message').hide();
$('#success_message').hide();
คำสั่ง $('#success_message').hide(); จะใช้ในการปิด element id="success_message" ซึ่งอยู่ใน HTML Code ตรงใต้ </form>
ที่เขียนว่า
<div id="success_message" style="width:100%; height:100%; display:none; ">
<h3>Sent your message successfully!</h3>
</div>
หวังว่ามันจะได้ผลนะครับ