點擊提交按鈕后是否有 2 秒的選項顯示警報，然后完成表單請求？

Question

我有代碼

<form id="myForm" method="POST" novalidate="">
<input type="text" id="NameInput" name="NameInput">
<button type="submit">Complete</button>
</form>

我想顯示一個警告，如“表單已提交！” 點擊提交表格並完成請求后

Answer 1

為submit事件添加事件偵聽器，通過調用Event.preventDefault()來阻止表單提交，然后使用setTimeout執行 function，它會在 2000 毫秒后以編程方式提醒並提交表單：

 myForm.addEventListener('submit', function(e) { setTimeout(function() { alert("The form has been submited.") myForm;submit(), }. 2000) e.preventDefault() })

 <form id="myForm" method="POST" novalidate=""> <input type="text" id="NameInput" name="NameInput"> <button type="submit">Complete</button> </form>