歐芹：按下提交以外的按鈕時如何防止驗證？

Question

感謝您的任何幫助。

我正在嘗試使用 Parsley 進行表單驗證。 我的表單有一個提交按鈕和一些其他按鈕，用於向表單動態添加輸入。 但是當我按下這些其他按鈕時，就會執行表單驗證。 但我沒有提交任何表格。

當我按下提交按鈕以外的其他按鈕時，如何防止表單驗證發生？

抱歉，我不知道如何使用 JS Fiddle。 我的代碼如下：

<form method="post" action="confirm" data-parsley-validate>
    <input id="brand" data-parsley-trigger="submit" required />
    <button id="addQuantity">Add</button>
    <input type="number" required data-parsley-trigger="submit" />
    <input type="submit" value="Submit">
</form>

當我按下添加時，表單被驗證。 我應該如何防止這種情況？ 非常感謝你。

Answer 1

HTML5中引入的標記按鈕等效於輸入type =“ submit”，因此當您按下添加按鈕時，它將自動觸發提交操作。 您可以做的就是替換標簽以輸入type =“ button”，或者您可以在jquery中阻止默認操作，例如：

 <script> 
   $('#addQuantity').click(function(event)
    {
       event.preventDefault();
       //do your action goes below
    });
 </script>

Answer 2

我發現將formnovalidate添加到按鈕時，只有在單擊該按鈕時才會跳過表單的表單驗證。