单击按钮（未提交）时如何阻止 Javascript Parsley 提交？

Question

我正在使用 Parsley 来验证表单。我使用的是 2.8 wbich 是更新的版本。当我的表单上的任何按钮被点击时（即使它没有提交），欧芹将触发提交。例如，我有这个按钮可以清除上传的照片。

<button id='attached-clear' onclick="App.clearPhoto('#attached')")
Clear
</button>

这将在启用 Parsley 时触发 "submit"。因此，当用户尝试清除表单时，它会被提交。我尝试了以下形式的各种选项：

<form ... data-parsley-excluded='input[type=button]' ..>

并且：

<button data-parsley-excluded="" ...>

但它总是提交。如果我禁用欧芹，那么我就没有问题。

Answer 1

您需要添加按钮 type= 'button'，提交是类型 MDN ref 的默认值

<form>
 <button type='button' onclick="console.log('hello')">Clear</button>
</form>

How do I keep Javascript Parsley from submitting when a button (not submit) is clicked?