Jquery 如何删除表单的验证

Jquery 如何删除表单的验证,jquery,jquery-validate,Jquery,Jquery Validate,我正在使用jQuery.validate插件来验证弹出窗口中显示的具有动态值的表单。用户单击“提交”按钮后,将显示表单错误 用户单击“取消”后,如何撤消表单中显示的验证 我使用了resetForm,但仍然存在问题,我使用的是$(“#form_id”).validate(),用于单击函数。如果要删除验证错误,则可以。remove()删除错误消息,然后从该字段中删除任何验证类 $('input.required').removeClass('required'); // no class == no

我正在使用jQuery.validate插件来验证弹出窗口中显示的具有动态值的表单。用户单击“提交”按钮后,将显示表单错误

用户单击“取消”后,如何撤消表单中显示的验证


我使用了
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()将其删除。