jQuery validate - L'utente deve selezionare la radio YES (no no) per confermare

Question

Vorrei impostare una regola di validazione jQuery per richiedere che SÌ (non no) venga controllato affinché il modulo possa validare/inviare. L'utente deve accettare i termini. Se l'utente seleziona no, riceverà il messaggio di errore e il modulo non verrà convalidato. Qual è il modo corretto per farlo usando il plugin jquery validate?

<form id="myForm"> 
<input type="radio" name="terms" id="terms1" value="Yes!" class="required" title="Must accept terms to continue" /> Yes 
<input type="radio" name="terms" id="terms2" value="No" class="required" title="Must accept terms to continue" /> No 
</form> 

$("#myForm").validate({ 

/* 
Insert your awesome jquery validation code here. Free beer to whoever answers the question! 
*/ 

}); 

Ecco un esempio di lavoro: http://jsfiddle.net/ThcS8/1/

Complimenti a tutti coloro che possono fornire una soluzione o ancora meglio un esempio! Vota questo se stai cercando la stessa soluzione per attirare l'attenzione. Ringrazia tutti!

Si prega di votare per la soluzione preferita!

Answer 1

Ho anche avuto questo problema, e ho provato varie cose tra cui le soluzioni di cui sopra. Alla fine ho scritto un metodo validatore personalizzato per verificare la presenza di un valore richiesto in un pulsante di scelta:

jQuery.validator.addMethod("requiredRadioValue", function(value, element, params) { 
    var selectedValue = $('input:radio[name=' + element.name + ']:checked').val(); 
    return (typeof(params) == 'array') ? (params.indexOf(selectedValue) != -1) : selectedValue == params; 
}, "You must select the required option."); 

Il metodo viene utilizzato per esempio

signedcif: { requiredRadioValue: 'yes' } 

le opzioni consentite possono essere un array o un valore singolo.

Spero che questo aiuti, speravo che questo non fosse il modo più semplice per farlo, quindi tutte le alternative ricevute con gratitudine!

Answer 2

cambia il valore da vero e falso a 1 e 0 rispettivamente. e aggiungere regola per

$('form').validate({ 
rules:{ 
    terms: {min:1} 
}, 
messages:{ 
    terms: {min:'you must accept terms to move on.'} 
} 
}); 

Answer 3

È necessario rimuovere la richiesta dalla radio nessun ingresso e poi semplicemente fare

$("form").validate(); 

questo inizializza la convalida jQuery. Verrà visualizzato il sì da selezionare e non permetterà al modulo di presentarsi finché non lo sarà.

Answer 4

Supponendo che la casella di controllo ha la classe 'necessaria' e ha il nome 'agreeForm', ecco qualcosa che potrebbe funzionare:

jQuery("#regForm").validate({ 
     debug: true, 
     rules: { 
     agreeForm: "required", 
     }, 
     messages: { 
     agreeForm: "Please accept our Terms and Conditions.", 
     } 
    });