Array mit jQuery validieren Validieren

Question

Ich versuche, ein Array mit dem jQuery Validate-Plugin zu validieren. Das Array verfügt über einen numerischen Schlüssel und die Schlüsselnummer ist nicht sequenziell. Das heißt, es könnte

cause[0] or cause[2] or cause[7] 

Html-Code

<form id="myform" action="submit.php"> 
    <select name="cause[0]" id="cause" class="cause"> 
    <option value="">Cause to Support</option> 
    <option value="993">Medical</option> 
    <option value="355">Children</option> 
    </select> 
    <select name="cause[2]" id="cause" class="cause"> 
    <option value="">Cause to Support</option> 
    <option value="993">Medical</option> 
    <option value="355">Children</option> 
    </select> 
    <input type="submit" name="submit" value="submit" /> 
</form> 

Demo sein - https://jsfiddle.net/squidraj/afgmqf9g/3/

Es ist nicht die Validierung und Absenden des Formulars Datei submit.php. In der Firebug-Fehlerkonsole gibt es auch keinen Fehler.

Jede Hilfe wird sehr geschätzt.

Answer 1

Versuchen Sie, diese Working Fiddle

<form id="myform" action="submit.php"> 
    <select name="cause[0]" id="cause" class="cause"> 
    <option value="">Cause to Support</option> 
    <option value="993">Medical</option> 
    <option value="355">Children</option> 
    </select> 
    <select name="cause[1]" id="cause1" class="cause"> 
    <option value="">Cause to Support</option> 
    <option value="993">Medical</option> 
    <option value="355">Children</option> 
    </select> 
    <input type="submit" name="submit" value="submit" id="btnSubmit" /> 
</form> 

JQuery-Code helfen:

$("#myform").validate(); 
    $(".cause").each(function() { 
     $(this).rules("add", { 
      required: true, 
      messages: { 
      required: "Custom Message for required" 
      } 
     }); 
    }); 

    $("#btnSubmit").click(function(e){  
    var isValid= $("#myform").valid(); 
    if(isValid==false){ 
    e.preventDefault(); 
    } 
    else{ 
     alert("Validate Successful."); 
    } 
    }); 

Answer 2

Try this:

$("#myform").validate(); 
$(".cause").each(function (item) { 
    $(this).rules("add", { 
     required: true 
    }); 
}); 

Hoffe, dass es