validatore jQuery - Valida solo elementi visibili

Ho un pulsante radio che nasconde/mostra un div. Tutti gli elementi a vista sono "necessari", ma aggiungendo ignorano: ": nascosto" dopo le regole di convalida, non funziona ... Ecco il codice:validatore jQuery - Valida solo elementi visibili

<script type="text/javascript"> 

     $(document).ready(function(){ 
      $("#myForm").validate({ 
       rules: { 
        name: "required", 
        age: "required", 
        height: "required", 
        ignore: ":hidden" 
       } 
      }) 
     }); 

    </script> 
</head> 
<body> 
    <form id="myForm" name="myForm" method="post" action="" > 
     <input type="radio" name="checkAge" value="adult" onclick="$('#minorRequisites').hide();" />Adult<br/> 
     <input type="radio" name="checkAge" value="minor" onclick="$('#minorRequisites').show()" checked="checked"/>Child<br/> 
     Name <input id="name" name="name" type="text" /><br/> 
     <div id="minorRequisites"> 
      Age <input id="age" name="age" type="text" /><br/> 
      Height <input id="height" name="height" type="text" /><br/> 
     </div> 
     <input type="submit" /> 
    </form> 
</body>

Voglio essere in grado di invia il modulo con il solo nome se viene controllato "Adulto" ... Qualche idea? :)

fonte

2011-09-08 Caveman

È possibile specificare dependency expressions nelle required regole per avere li ignorano gli elementi se non sono visibili:

$("#myForm").validate({ 
    rules: { 
     name: "required", 
     age: { 
      required: "#age:visible" 
     }, 
     height: { 
      required: "#height:visible" 
     } 
    } 
});

si possono vedere i risultati in this fiddle.

EDIT:ignore sarà anche funzionare, ma è un'opzione , non una regola , così si dovrebbe scrivere:

$("#myForm").validate({ 
    ignore: ":hidden", 
    rules: { 
     name: "required", 
     age: "required", 
     height: "required" 
    } 
});

fonte

2011-09-08 15:01:36

Grazie !! : D È così strano che ignorare: (": hidden") non funziona, però .. – Caveman

@Caveman, questo perché "ignore" è un'opzione, non una regola. Aggiornerò la mia risposta –

argh! Era come mettere un ';' alla fine di "per" e chiedendosi perché non funzionava ... Grazie mille! :) – Caveman

Si prega di provare ignore: ":not(:visible)" invece di ignore: ":hidden".

fonte

2016-10-05 21:22:45 impactaweb

validatore jQuery - Valida solo elementi visibili

risposta

Problemi correlati