DirtyForms 在与 jQuery Validate 的 submitHandler() 方法一起使用时无法正常工

Question

我同时使用DirtyForms和popupar jQuery Validify来验证我的表单。我还需要使用submitHandler()方法，因为我在实际发送表单之前执行了几个操作。 在这种情况下，即使在正常的提交表单上也会触发脏表单，而它不应该被触发。

$('.validate').validate({
	// submitHandler causer DirtyForms to be triggered evn on normal form submit
submitHandler: function (form) {
// do a couple of things here, then...
form.submit();
}
});
$('form[method="post"]').dirtyForms();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.dirtyforms/2.0.0/jquery.dirtyforms.min.js"></script>
<p>Fill the field and send the form, you'll see that DirtyForms is triggered even if it should not</p>
<form action="#" method="post" class="validate">
<input type="text" name="username" required>
<button type="submit">send</button>
</form>

拜托，有什么帮助吗？

Answer 1

由于submitHandler仅在表单有效时触发，因此您永远不需要DirtyForms在此处执行任何操作。

因此，只需使用.dirtyForms('setClean')在submitHandler内杀死它

$('.validate').validate({
submitHandler: function(form) {
// do a couple of things here, then...
$('form:dirty').dirtyForms('setClean');  // <- kill DirtyForms
form.submit();
}
});
$('form[method="post"]').dirtyForms();

演示：jsfiddle.net/aunpmfsa/1/