jquery validate() controllo checkbox

MarcoGrazia

Utente Attivo
15 Dic 2009
852
20
28
62
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 Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
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
D Jquery - modifica elemenento onlick jQuery 1
E Problema jquery Success jQuery 2
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
E PHP & jQuery PHP 8
P jquery refresh div non funziona Javascript 0
P lanciare script asp (o php) da jquery Javascript 1
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
M Come validare textarea con jquery jQuery 0
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

Discussioni simili