0

我有一个包含一些必填字段的表格。如果用户点击一个按钮,验证应该被触发,并且他们的输入将被处理。但是,处理后,我想重置/清除表单并允许他们输入更多信息。不过,在我调用 form.reset() 和 validator.resetForm() 之后,会显示验证消息,因为表单已被清除。清除表单并确保不出现验证消息的正确方法是什么? 这是说明问题的完整小提琴。 这是我想要开始工作的代码片段:

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

谢谢,

安迪

4

1 回答 1

1

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

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

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

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

于 2013-09-03T17:57:06.900 回答