我正在使用jQuery验证插件进行客户端验证。当点击“编辑用户”按钮时，会调用函数editUser()，该函数显示错误消息。
但是我想在单击“清除”按钮时清除表单中的错误消息，该按钮调用另一个函数clearUser()。
function clearUser() {
// Need to clear previous errors here
}
function editUser(){
var validator = $("#editUserForm").validate({
rules: {
userName: "required"
},
errorElement: "span",
messages: {
userName: errorMessages.E2
}
});
if(validator.form()){
// Form submission code
}
}
您需要使用 resetForm() 方法：
var validator = $("#myform").validate(
...
...
);
$(".cancel").click(function() {
validator.resetForm();
});
我从他们的演示之一的源代码中获取了它。
注意：此代码不适用于Bootstrap 3。
我自己遇到了这个问题。在构建表单时，我需要根据步骤（即某些输入在运行时动态附加）有条件地验证表单的部分内容。因此，有时候下拉选择框需要进行验证，有时候则不需要。但最终，它需要被验证。因此，我需要一个不是临时解决方法的强大方法。我查阅了 jquery.validate 的源代码。
以下是我的解决方案：
以下是代码实现：
function clearValidation(formElement){
//Internal $.validator is exposed through $(form).validate()
var validator = $(formElement).validate();
//Iterate through named elements inside of the form, and mark them as error free
$('[name]',formElement).each(function(){
validator.successList.push(this);//mark as error free
validator.showErrors();//remove error messages if present
});
validator.resetForm();//remove error class on name elements and clear history
validator.reset();//remove all error and success data
}
//used
var myForm = document.getElementById("myFormId");
clearValidation(myForm);
作为 jQuery 扩展进行了最小化：
$.fn.clearValidation = function(){var v = $(this).validate();$('[name]',this).each(function(){v.successList.push(this);v.showErrors();});v.resetForm();v.reset();};
//used:
$("#formId").clearValidation();
showErrors 进行一些 DOM 操作，并且对表单中的每个元素都进行调用。当在具有约 30 个控件的表单上使用此代码时，浏览器会冻结几秒钟。对我来说，解决方案是将 showErrors 移出循环并在 validator.resetForm 之前只调用一次。据我所知，它的行为完全相同，速度更快。 - Michael Sandino如果你只想简单地隐藏错误：
$("#clearButton").click(function() {
$("label.error").hide();
$(".error").removeClass("error");
});
errorClass，则调用该类来隐藏错误信息而不是上面我用的默认的error。$(".has-error").removeClass("has-error"); - Myke Black如果您在将验证器附加到表单时没有事先保存它们，您也可以直接调用以下内容：
$("form").validate().resetForm();
.validate()会返回你之前附加的相同验证器（如果你这样做了）。
如果您不想使用一个单独的变量，那么可以这样做：
$("#myForm").data('validator').resetForm();
遗憾的是，validator.resetForm()在许多情况下都不起作用。
我有一个案例，在这个案例中，如果有人在表单上点击“提交”按钮，而表单上某些字段为空，它应该忽略这个“提交”操作。不会出现错误。很容易做到这一点。如果有人填写了部分内容并点击“提交”按钮，它应该标记一些字段为错误。但是，如果他们删除这些值并再次点击“提交”按钮，则应清除错误信息。在这种情况下，由于验证器中没有“currentElements”数组中的元素，因此执行.resetForm()就毫无效果。
已经有一些bug报告了。
在修复这些问题之前，您需要使用Nick Craver的答案，而不是Parrots的接受答案。
您可以使用：
$("#myform").data('validator').resetForm();
$("#your_div").click(function() {
$(".error").html('');
$(".error").removeClass("error");
});
var validator = $('#Form').validate();
validator.submitted = {};
validator.prepareForm();
validator.hideErrors();
validator.elements().removeClass(validatorObject.settings.errorClass);
我测试了以下内容：
$("div.error").remove();
$(".error").removeClass("error");
当您需要再次验证时，这将是没问题的。
resetForm()方法有时可能不能清除表单子元素中所有.error的实例。这会导致一些残留的 CSS 样式，比如红色文本颜色，除非你调用.removeClass()。例如：$('#myform .control-group').removeClass('error');- jlewkovich