如何在不修改提交按鈕的情況下攔截並停止表單提交？

幹預表單提交

您有一個帶有提交按鈕的表單，並且需要攔截並停止其提交。儘管修改提交按鈕有限制，但此查詢深入研究了實現此目標的策略。

為了有效控制提交，您需要結合多種技術。首先，將 return false 合併到事件處理程序中以明確封鎖預設表單提交。然而，僅此還不夠，因為意外的 JavaScript 錯誤可能會繞過 return 語句。

使用 PreventDefault() 補充 return false 以確保表單的預設操作始終被阻止，即使在發生錯誤時也是如此。下面的程式碼片段說明了這種方法：

function mySubmitFunction(e) {
  e.preventDefault();
  someBug();
  return false;
}

或者，try...catch 區塊提供了一種故障安全機制：

function mySubmit(e) { 
  e.preventDefault(); 
  try {
   someBug();
  } catch (e) {
   throw new Error(e.message);
  }
  return false;
}

這可以確保表單提交被阻止，即使someBug() 函數遇到錯誤。透過利用這些技術，您可以有效地阻止表單提交並保持對使用者體驗的控制。

以上是如何在不修改提交按鈕的情況下攔截並停止表單提交？的詳細內容。更多資訊請關注PHP中文網其他相關文章！