JQuery a ser necesaria si la casilla de verificación comprueba

Question

tengo la siguiente casilla:

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

y el siguiente campo de texto de entrada:

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

Este es mi js código de validación:

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

Quiero que el campo de texto de entrada mimeType sea obligatorio solo si la casilla de verificación está marcada. Por alguna razón, lo anterior no está funcionando. Soy bastante nuevo en javascript y jquery. Cualquier ayuda con el ejemplo de trabajo será muy apreciada. ¡Gracias!

Answer 1

Puede añadir sus propios métodos de validación personalizada para controlar cosas como esta:

$.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

La validación no se iniciará si la entrada es disabled. Podría usar ese hecho: deje que se requiera el cuadro de texto, pero inicialmente deshabilitado, y habilítelo solo cuando la casilla de verificación esté marcada.

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