JQuery pole tekstowe walidacji-input być wymagane, jeżeli zaznaczone pole wyboru

Question

Mam następujące pola wyboru:

<input type="checkbox" id="startClientFromWeb" name="startClientFromWeb" data-bind="checked: StartClientFromWeb" /> 

oraz poniższe pole tekstowe wejściowe:

<input id="mimeType" name="mimeType" data-bind= "value: MimeType" /> 

To jest mój js Kod weryfikacyjny:

$("#franchiseForm").validate({ 
      rules: { 
       mimeType: { 
        required: $("#startClientFromWeb").is(":checked") 
       } 
      } 
     }); 

Chcę, aby pole tekstowe mimeType było wymagane tylko po zaznaczeniu pola wyboru. Z jakiegoś powodu powyższe nie działa. Jestem całkiem nowy w javascript i jquery. Każda pomoc z roboczym przykładem zostanie bardzo doceniona. Dziękuję Ci!

Answer 1

Możesz dodać własne metody zwyczaj sprawdzania poprawności obsługiwać takie rzeczy:

$.validator.addMethod("requiredIfChecked", function (val, ele, arg) { 
    if ($("#startClientFromWeb").is(":checked") && ($.trim(val) == '')) { return false; } 
    return true; 
}, "This field is required if startClientFromWeb is checked..."); 


$("#franchiseForm").validate({ 
     rules: { 
      mimeType: { requiredIfChecked: true } 
     } 
}); 

Answer 2

Weryfikacja nie będzie triger, jeśli wejście jest disabled. Możesz użyć tego faktu - pole tekstowe będzie wymagane, ale początkowo wyłączone, i włącz je dopiero po zaznaczeniu pola wyboru.

$(function() { 
    $('#startClientFromWeb').change(function() { 
     if ($(this).is(':checked')) { 
      $('#mimeType').removeAttr('disabled');     
     } 
     else { 
      $('#mimeType').attr('disabled', 'disabled'); 
     } 
    }); 
});