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 =“button”，或者你可以像这样阻止jquery中的默认操作

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

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

1 个答案: