javascript 欧芹:如何防止在按下按钮而不是提交时进行验证?

cbwuti44  于 2022-12-10  发布在  Java
关注(0)|答案(2)|浏览(142)

谢谢你的帮助。
我正在尝试使用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>

当我按添加时,表单被验证。我应该如何防止这种情况?非常感谢。

z9smfwbn

z9smfwbn1#

HTML5中引入的标签按钮相当于input type=“submit”,因此当你按下add时,它会自动触发submit动作。你可以做的是将标签替换为input type=“button”,或者你可以像这样阻止jquery中的默认动作

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

xj3cbfub2#

我发现将formnovalidate添加到按钮时,只有在单击该按钮时才会跳过表单的表单验证。

相关问题