如何在不修改 HTML 的情況下檢測 JavaScript 中的表單提交？

在不修改HTML 的情況下偵測表單提交

要在JavaScript 中偵測表單提交而不訴諸HTML 事件屬性（如onSubmit 或onClick），您可以使用表單元素的addEventListener 或AttachEvent 方法。

使用EventTarget.addEventListener

對於支援addEventListener 方法的現代瀏覽器，語法如下：

<code class="javascript">var ele = /*Your Form Element*/;
if(ele.addEventListener){
    ele.addEventListener("submit", callback, false); 
}</code>

使用EventTarget.ach

對於不支援addEventListener 的較早版本的Internet Explorer，請改用AttachEvent：

<code class="javascript">else if(ele.attachEvent){
    ele.attachEvent('onsubmit', callback);        
}</code>

在兩者中情況下，回呼是您要在提交表單時執行的函數。

防止預設提交

如果需要阻止表單原生提交，請使用e回呼函數中的.preventDefault()：

<code class="javascript">document.querySelector("#myForm").addEventListener("submit", function(e){
    if(!isValid){
        e.preventDefault();    
    }
});</code>

庫整合

如果首選使用庫，這裡有一些用於監聽提交事件的流行選項:

• jQuery:

  <code class="javascript">$(ele).submit(callback);</code>

• 其他函式庫：參考文件您選擇的函式庫以了解特定的實作細節。
  

以上是如何在不修改 HTML 的情況下檢測 JavaScript 中的表單提交？的詳細內容。更多資訊請關注PHP中文網其他相關文章！