Jquery 如何删除表单的验证
我正在使用jQuery.validate插件来验证弹出窗口中显示的具有动态值的表单。用户单击“提交”按钮后,将显示表单错误 用户单击“取消”后,如何撤消表单中显示的验证Jquery 如何删除表单的验证,jquery,jquery-validate,Jquery,Jquery Validate,我正在使用jQuery.validate插件来验证弹出窗口中显示的具有动态值的表单。用户单击“提交”按钮后,将显示表单错误 用户单击“取消”后,如何撤消表单中显示的验证 我使用了resetForm,但仍然存在问题,我使用的是$(“#form_id”).validate(),用于单击函数。如果要删除验证错误,则可以。remove()删除错误消息,然后从该字段中删除任何验证类 $('input.required').removeClass('required'); // no class == no
我使用了
resetForm
,但仍然存在问题,我使用的是$(“#form_id”).validate()
,用于单击函数。如果要删除验证错误,则可以。remove()删除错误消息,然后从该字段中删除任何验证类
$('input.required').removeClass('required'); // no class == no future validation
$('label.error').remove();
如果要在整个表单上禁用验证,也可以执行以下操作之一,不过仍然需要删除错误消息
$("#form_id").validate().cancelSubmit = true; // add to click event
或者,您可以将取消类添加到提交按钮
<input class="cancel" type="submit" value="Submit form" />
或者使用jquery$('#form_id input[type=submit]')添加cancel类代码>
祝你好运 如果要删除验证错误,则可以.remove()删除错误消息,然后从该字段中删除任何验证类
$('input.required').removeClass('required'); // no class == no future validation
$('label.error').remove();
如果要在整个表单上禁用验证,也可以执行以下操作之一,不过仍然需要删除错误消息
$("#form_id").validate().cancelSubmit = true; // add to click event
或者,您可以将取消类添加到提交按钮
<input class="cancel" type="submit" value="Submit form" />
或者使用jquery$('#form_id input[type=submit]')添加cancel类代码>
祝你好运 如果您只想在“取消”按钮上重置验证,我倾向于将以下内容与JQuery.Validate一起使用
var resetFormOnClose = function ()
{
$('.validation-summary-errors').removeClass('validation-summary-errors').addClass('validation-summary-valid');
$('.field-validation-error')
.removeClass('field-validation-error')
.addClass('field-validation-valid');
$('.input-validation-error')
.removeClass('input-validation-error')
.addClass('valid');
};
因此,当单击cancel按钮时,我只调用函数resetFormOnClose()事件处理程序中的代码>
它所做的是查找error
类的所有实例,并将其替换为valid
类
它还通过添加有效类来隐藏显示摘要信息的
(如果您启用了它)如果您只想在“取消”按钮上重置验证,我倾向于使用以下命令
var resetFormOnClose = function ()
{
$('.validation-summary-errors').removeClass('validation-summary-errors').addClass('validation-summary-valid');
$('.field-validation-error')
.removeClass('field-validation-error')
.addClass('field-validation-valid');
$('.input-validation-error')
.removeClass('input-validation-error')
.addClass('valid');
};
因此,当单击cancel按钮时,我只调用函数resetFormOnClose()事件处理程序中的代码>
它所做的是查找error
类的所有实例,并将其替换为valid
类
它还通过添加有效类来隐藏显示摘要信息的
(如果启用了它)Try:$('#form_id label.error')。hide()代码>而不是将.validate()添加到表单id。将其添加到表单类,然后使用jquery.removeClass()将其删除。请尝试:$('#表单id label.error')。隐藏()代码>而不是将.validate()添加到表单id。将其添加到表单类,然后使用jquery.removeClass()将其删除。