jquery validate() controllo checkbox

MarcoGrazia

Utente Attivo
15 Dic 2009
788
16
18
59
Udine
www.stilisticamente.com
Ciao :D
Sempre a litigare con validate()

Dunque il problema è questo: ho un form per inviare una mail, al suo interno c'è un avviso relativo alla privacy da cliccare sempre per accettazione, altrimenti il form non verrà inviato.
Fin qui niente di strano.

Lo strano è che non riesco a validare il campo in oggetto, cioè il checkbox.
Per formattare un poco la grafica, il semplice checkbox viene formattato con i fogli di stile per farlo assomigliare ad una pallina, niente di che ma funziona bene.
Il problema è che non viene minimamente visto dal validate(), cioè non è che non appare rosso o che so una scritta sotto che dica che va cliccato per forza, no, proprio non lo considera come se non l'avessi inserito nei rules. E non è così ovviamente.

Un po' di codice relativo al checkbox da validare:
HTML:
<div class="form-group">
  <label for="privacy" class="col-sm-2 control-label">Privacy <abbr data-toggle="tooltip" data-placement="bottom" title="Richiesto" aria-label="Richiesto">( * )</abbr></label>              
  <div class="col-ms-10">
    <div class="material-switch pull-left">
       <input tabindex="8" 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">&nbsp;&nbsp;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>
  </div>
</div>
Il javascript del plugin:
JavaScript:
form.validate({
  rules: {
    privacy: {
      required: true
    }
  }
});
Ovviamente non è l'unico campo del form, e gli altri vengono visti in modo corretto.
Non solo, ho provato a inserire per prova un checkbox senza alcuna formattazione, e ovviamente la validazione funziona, quindi il problema è lì.

Aggiungo uno screenshot per chiarire il concetto di ciò che ottengo quando premo il tasto invio, senza aver riempito tutti i campi.
1605681703024.png

Come si vedere il campo privacy non è in errore.

Che posso fare?
Avevo anche pensato di rendere il tasto di invio disabilitato fino a quando non si preme quel checkbox, ma così c'è il rischio che le persone non capiscono perché non possono inviare e non vadano avanti.
Ho provato con un alert, funziona, ma non ha senso mettere un alert se tutto il resto viene gestito tramite messaggi sotto i campi "incriminati", inoltre molti non comprenderebbero cosa gli sto dicendo di cliccare.
Ho pensato ad un confirm() che appare se non hai cliccato il campo privacy, se premi ok il form viene inviato, se no nulla.
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
MarcoGrazia Validazione forum con jquery.validate jQuery 2
F Jquery validate jQuery 1
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
P Funzione jQuery Ajax invio file a php jQuery 1
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
D assegnare risultato di una jquery ad una text Javascript 2
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
A php metodo post jquery non da mai errore jQuery 4
T problema con select dinamica con jquery Javascript 0
P jquery .load jQuery 10
E Div che scompare con scroll jquery Javascript 0
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
B jQuery - hide & show li items jQuery 13
Y jQuery Animation Switch On Off jQuery 0
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
O [Javascript] Conflitto Jquery: forse... Javascript 0
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
D Jquery, conflitto tra loro risolvibile? jQuery 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
Tommy03 Variabile PHP dentro a JQuery PHP 3
L Problema jQuery validation AJAX (PHP 7) PHP 6
G Campo HTML input file con jQuery jQuery 0
P Jquery event nel foreach php jQuery 3
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
X Problema con jquery e ajax jQuery 2
G Inserzione script nella pagina html per jquery jQuery 8
Shyson Smoot scrolling jQuery nella pagina jQuery 0
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
L Scelta form con jquery jQuery 1
F [Javascript] Aprire file tramite jquery Javascript 0
R Aiuto Jquery jQuery 1
G [HTML] Jquery e tooltipster's jQuery 5
I Jquery fadeout-fadein html data jQuery 0
trattorino Estrarre Nome Utente jquery div php PHP 9
L jquery e json controllo valori da determinate chiavi - keys jQuery 0
B PHP e JQUERY per scrivere codice html dinamicamente PHP 2
F [Javascript] Jquery radio Javascript 2
otto9due Errore ricorsivo jquery, non capisco da cosa dipenda.. jQuery 1
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
P leggere file .csv con javascript/jquery Javascript 11
G [Javascript] jQuery PHP MySql - inserire variabile nel DataBase Javascript 8
G [Javascript] Ricalcolo Totale jQuery Javascript 7
G [Javascript] prenotazione posti a teatro jQuery-Seat-Charts Javascript 3
P Javascript o Jquery - recupero testo (oltre al valore) di una select Javascript 5
Cosina Implementare jQuery nel sito web sia da remoto che da locale jQuery 11
M [RISOLTO] jQuery non funziona... valore "undefined" jQuery 2
F aggiungere codice dopo n elementi jquery jQuery 1

Discussioni simili