欧芹：按下提交以外的按钮时如何防止验证？

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添加到按钮时，只有在单击该按钮时才会跳过表单的表单验证。