JQuery Validierung-Eingabetextfeld erforderlich, wenn Checkbox

Question

geprüft Ich habe folgendes Kontrollkästchen:

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

und das folgende Eingabetextfeld:

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

Das ist mein js Validierungscode:

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

Ich möchte das MimeType-Eingabetextfeld nur benötigt werden, wenn das Kontrollkästchen aktiviert ist. Aus irgendeinem Grund funktioniert das Obige nicht. Ich bin ziemlich neu in Javascript und jquery. Jede Hilfe mit Arbeitsbeispiel wird sehr geschätzt. Danke!

Answer 1

Sie können Ihre eigenen Validierungsmethoden hinzufügen Dinge wie diese zu behandeln:

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

Die Validierung wird nicht triger, wenn der Eingang disabled ist. Sie könnten diese Tatsache verwenden - lassen Sie Textfeld erforderlich, aber zunächst deaktiviert, und aktivieren Sie es nur, wenn Kontrollkästchen aktiviert ist.

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