javascript - 欧芹 : How to prevent validation when pressing buttons other than submit?

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 中引入的标签按钮等同于 input type="submit"因此当你按下添加时它会自动触发提交 Action 。你可以做的是将标签替换为 input type="button"或者你可以像这样阻止 jquery 中的默认操作

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