web-dev-qa-db-fra.com

la case à cocher jQuery Valider est-elle requise?

J'utilise le plugin jQuery Validation pour valider un formulaire.

Le problème est que je ne peux pas trouver un moyen de valider si une seule case à cocher dans mon formulaire est cochée 

Balise HTML:

<label for="terms">terms : </label>
<input type="checkbox" name="terms" id="terms">

code jQuery:

rules: {
    terms: "required"
},
messages:{
    terms: "check the checbox"
}

Toute aide serait appréciée.

javascriptjqueryjquery-validate
7
aviad m

Balise HTML:

  <label for="terms">terms : </label>
  <input type="checkbox" name="terms" value="1" id="terms">

code jQuery:

  rules: {
      terms: {
         required : true
      }

  },
  messages:{
      terms: {
        required : "check the checbox"
      }
  }

jsfiddle: http://jsfiddle.net/mZ6zJ/

6
ygaradon

Peut-être que votre case à cocher a un style css

display: none

Le remplacer par 

visibility: hidden;
width: 0;

Cela m'a aidé.

4
webmustang

Vous devez donner une valeur à la case à cocher. 

<input type="checkbox" name="terms" id="terms" value="accepted">
4
Barmar

Exemple de validation de case à cocher Jquery

HTML 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

<form id="demo">
<label for="terms">terms : </label>
<input type="checkbox" name="terms[]" value="your value" id="terms">
</form>
  • donnez le nom de la case à cocher avec des crochets.
  • Fournir une valeur à la case à cocher obligatoire.

Code Jquery 

$(document).ready(function() {
    $("#demo").validate({
         rules: {
               'terms[]': { required: true },
         },
         messages:{
               'terms[]': "check the checbox"
         }
     });
});
2
yash dharia

Vous devez insérer votre code dans la méthode jQuery prête pour le document et effectuer une vérification de validation:

$().ready(function () {
    $('#formId').validate({
     rules: {
         terms: "required"
      },
      messages:{
         terms: "check the checbox"
      }
   })
})

J'espère que ça aide

0
JORDANO