Проверка jQuery проверяет заблокированные поля ввода

Question

Я настроил проверку для своей формы с помощью проверки jQuery. К сожалению, в некоторых случаях я хочу позвонить $("#clientConfigurationForm").valid(), чтобы заставить переоценку, когда пользователь включает/отключает этот флажок. Я хочу, чтобы формы ввода, которые в настоящее время недействительны, игнорируются (и теряют состояние проверки), когда они отключены, и вызывается .valid(). В настоящее время это не происходит. Как я могу заставить это работать?

Чекбокс события

$("#clientConfigurationForm").on("change","input[type=checkbox]",function(){ 
    $(this) 
     .closest("div") 
     .find("input, select") 
     .not(this) 
     .not(":submit") 
     .prop("disabled", !$(this).prop("checked")) 
     .each(function(){ 
      $(this).valid(); 
     }); 
}); 

Validation Code

$("#clientConfigurationForm").validate({ 
    onkeyup: function (element) { 
     $(element).valid(); 
    }, 
    focusInvalid: false, 
    invalidHandler: function(form, validator) { 
     if (!validator.numberOfInvalids()) 
      return; 

     // Find out what my ID is 
     var formIndex = $(validator.errorList[0].element).prop("id").replace(/[A-Za-z]+/g, ''); 
     $("#clientSettingsLinks a").eq(formIndex).trigger("click"); 
    }, 
    errorPlacement: function (error, element) { 
     var parent = $(element).parent(); 
     var validationContainer = parent.find(".validationResult"); 

     if (validationContainer.length == 0){ 
      validationContainer = $('<span class="validationResult"><i class="'+errorIconClass+' inputValidationIcon"></i></span>'); 
      parent.append(validationContainer); 
     } 

     validationContainer.addClass("tooltip").attr("title", error.text()); 
    }, 
    highlight: function (element, errorClass, validClass) { 
     $(element).parent().find("i").removeClass("icon-ok").addClass(errorIconClass); 

     $(element).addClass("error"); 
    }, 
    unhighlight: function (element, errorClass, validClass) { 
     $(element).parent().find("i").removeClass(errorIconClass).addClass("icon-ok"); 
     $(element).parent().find("span.validationResult.tooltip").removeClass("tooltip").attr("title", ""); 

     $(element).removeClass("error"); 
    }, 
    submitHandler: function(form) { 
     alert("SUBMITTED YO"); 
    } 
}); 

Answer 1

Documentation:Входы типа отправки и сброса всегда игнорируются, поэтому отключены элементы.

Однако, похоже, вы нашли что-то странное.

Это работает

Live Demo

var val; 
$("#clientConfigurationForm").on("change", "input[type=checkbox]", function() { 
    val.resetForm(); 
    $(this) 
     .closest("div") 
     .find("input, select") 
     .not(this) 
     .not(":submit") 
     .prop("disabled", !$(this).prop("checked")) 
     .not(":disabled") 
     .each(function() { 
      $(this).valid(); 
     }); 
}); 

val = $("#clientConfigurationForm").validate({ 

    onkeyup: function (element) { 
     $(element).valid(); 
    }, 
    focusInvalid: false, 
    submitHandler: function (form) { 
     alert("submitted"); 
    } 
});