Ciao 
ho un problema!
Il problemino è con una checkbox customizzata.
Inpratica con i css la rendo tonda un po' come Apple ci ha abituato a vederle.
[
codice HTML:
<form id="contattami">
<div class="material-switch pull-left">
<input id="privacy" name="privacy" required type="checkbox" value="1" aria-describedby="helpBlock-Privacy">
<label for="privacy" class="label-primary"></label>
</div>
<span id="helpBlock-Privacy" class="help-block"> Leggi le norme che regolano <a href="privacy.php">la privacy di questo sito</a> prima di sottoscrivere, e poi fai click a lato per approvare.</span>
</form>
Funziona, ma quando vado a fare la validazione, questa non va a buon fine. Cioè, non la vede proprio!
La validazione tramite plugin:
codice:
$('#contattami').validate({
rules: {
privacy: {
required: true
}
}
));
ovvio ci sono altri controlli e tutti funzionano regolarmente.
Per assicurarmi che non ci fossero errori, ho anche messo due altre checkbox, più "normali":
codice HTML:
<form id="contattami">
<label>
<input type="checkbox" name="ceccami">
</label>
<label for="check">Check 3</label>
<input type="checkbox" id="check" name="check">
</form>
codice:
$('#contattami').validate({
rules: {
ceccami: {
required: true
},
check: {
required: true
}
}
));
Tutto normale ed ha funzionato benissimo.
L'anormalità non è che non mi faccia vedere la scritta "controllo richiesto" ma che comunque il form viene inviato comunque se "privacy" è checked o meno.
Ci ho perso la mattinata fno a qui, e non sono ancora riuscito a venirne a capo.