JavaScript 表單提交：提示確認或取消

當使用者與表單互動時，為提交表單等操作提供使用者友善的回饋至關重要。這可確保資料完整性並防止錯誤提交。在 JavaScript 中，確認對話方塊提供了一個簡單而有效的解決方案來處理表單提交。

實作表單提交的確認對話框

對於一個簡單的表單驗證場景，您可以可以使用JavaScript的confirm()方法來顯示一個帶有兩個選項的警告框：「確定」和「取消」。根據使用者的選擇，您可以繼續提交表單或允許使用者進行更正。

以下程式碼片段示範如何使用內聯JavaScript 實現此操作：

當使用者按一下提交按鈕時，confirm()函數將顯示警告框。如果使用者按一下“確定”，則將提交表單。否則，警告框將關閉，使用者可以對表單進行調整並重新提交。

使用自訂功能進行進階驗證

如果您需要更多進階表單驗證，您可以建立自訂JavaScript 函數：

function validate(form) {
  // Perform custom validation
  // ...

  // Return confirmation prompt if validation fails
  if (!valid) {
    return confirm('Please correct the errors in the form!');
  }
}

然後，將此函數指派給表單的 onsubmit 事件：

validate() 函數將處理表單驗證並在必要時提示使用者進行確認。

透過利用確認對話框，您可以改善表單的使用者體驗，為使用者確認其操作提供清晰便捷的方式。