Pasleyjs 在欧芹表单验证中更改按钮的默认行为

Question

我正在使用 parsleyjs 进行表单验证。我有两个按钮 'save' 和 'cancel'。我想使用保存按钮来提交表单，而对于取消按钮我不想提交表单。目前，当我点击它们中的任何一个时，它们都会带我提交表单

<form id="form_validation">
   <div>
      <input type="text" required/>
   </div>
   <div>
      <button type="submit">Save</button>
      <button type="submit">Cancel</button>
   </div>
</form>

<script>
            var $formValidate = $('#form_validation');
            $formValidate.parsley().on('form:submit', function () {
                 //this code is called when I click save or cancel button
            });
</script>

Answer 1

如果您的 'cancel' 按钮不是用来提交表单的，那么它不应该有 type="submit"。问题已解决。

Pasleyjs 在欧芹表单验证中更改按钮的默认行为

Pasleyjs Change default behavior of button in parsley form validation

javascript

parsley.js