添加/删除规则后如何使用 jQuery 重新验证表单？

Question

我正在使用带有验证和不显眼的验证插件的 jQuery 作为 ASP.NET MVC 5 堆栈的一部分。

我的表单由所谓的“表单组”（一组字段）组成，并且我有一个复选框，用于控制应该启用/禁用哪个表单组。

我有两个表单组，两个组都有自己的必填字段。

当我修改复选框选中状态时，我必须启用/禁用组 - 并为每个组动态添加/删除所需的验证规则。

不幸的是，验证消息和错误类没有从表单中删除。

我试图通过重新验证表单/重置表单来手动删除它 - 直到现在都没有运气。

function enablePersonGroup() {
    app.enableFormGroup('.person-group');
    $('input[name=catalogValueId]').rules('add', { 
         required: true, 
         messages: { 
             required: requiredErrorMessage 
         } 
    });
}

function disablePersonGroup() {
    app.disableFormGroup('.person-group');

    // I CAN REMOVE THE RULES, BUT THE ERROR MESSAGE REMAINS:
    //$('input[name=catalogValueId]').rules('remove', 'required'); 
    delete $('form').validate().settings.rules['catalogValueId'];
}

 $(selector).change(function () {
     var type = $(selector+ ':checked').val();
     switch (type) {
         case 'Anonym':
             enableAnonymGroup();
             disablePersonGroup();
             break;
         case 'Person':
             disableAnonymGroup();
             enablePersonGroup();
             break;
     }
     $("form").validate().resetForm(); // DOESN'T HELP, ERROR MESSAGE REMAINS
});

Answer 1

在动态更新规则后，如果表单有任何未决错误，您必须使用the .valid() method 以编程方式触发验证测试，或者附加到整个表单，或者附加到单个字段。通过这样做，任何错误消息都将被相应地更新或删除。

触发对整个表单的验证测试。类似于单击提交按钮时发生的情况。

$('#myform').valid();

触发对输入元素的验证测试。与您离开焦点时发生的情况类似。

$('input[name="myinput"]').valid();

如果您需要附加到多个输入元素的选择器，那么您需要一个 jQuery .each()。

$('.myInputs').each(function() {
    $(this).valid();
});