jQuery 验证问题与 form.reset 和 validator.resetForm答案

【问题标题】：jQuery Validate Issue with form.reset and validator.resetFormjQuery 验证问题与 form.reset 和 validator.resetForm
【发布时间】：2013-09-04 01:57:06
【问题描述】：

我有一个包含一些必填字段的表单。如果用户点击一个按钮，验证应该被触发，并且他们的输入将被处理。但是，处理后，我想重置/清除表单并允许他们输入更多信息。但是，在我调用 form.reset() 和 validator.resetForm() 之后，会显示验证消息，因为表单已被清除。清除表单并确保不出现验证消息的正确方法是什么？ Here's the complete fiddle illustrating the issue. 这是我想要开始工作的代码 sn-p：

$('#btnGo').click(function(){
    // clear the form
    $('#frmFoo')[0].reset();
    // AFTER this call to resetForm, validation message is shown again.  Why?
    validator.resetForm();
});

谢谢，

安迪

【问题讨论】：

标签： jquery jquery-validate

【解决方案1】：

默认情况下，jQuery Validate 插件会将您的 button 元素视为提交，这就是验证消息在重置期间/之后立即返回的原因。

您只需将type="button" 添加到您的按钮，这样它就不会触发提交。

<button type="button" id="btnGo">Do Something and Clear Form</button>

演示：http://jsfiddle.net/AxucF/1/

【讨论】：

非常感谢您的修复！