plugin jQuery Validation: validation de case à cocher

Je suis à l'aide de jQuery plugin de Validation pour valider la case à cocher puisqu'il n'est pas l'option par défaut, il faut être sélectionné et max, deux cases à cocher peuvent être sélectionnés, ces sont les critères. Je n'obtiens pas d'erreur et il n'est pas valider. Je suis de l'étendre comme ci-dessous,

  <input type="checkbox" name="test[]" />x
   <input type="checkbox" name="test[]"  />y
   <input type="checkbox" name="test[]" />z
     $("#formid").validate({
  rules: {
    test[]: { 

            required: function(elem)
            {
                return $("input.select:checked").length > 0;
            }

          },
messages: { 

    test[]: "You must check at least 1 box"
  }
 });

OriginalL'auteur ram | 2013-03-16

  1. 40

    Vous avez eu plusieurs problèmes avec votre code.

    1) Manque une accolade de fermeture, }, au sein de votre rules.

    2) Dans ce cas, il n'y a pas de raison d'utiliser une fonction pour la required règle. Par défaut, le plugin peut gérer checkbox et radio entrées très bien, donc à l'aide d' true est assez. Cependant, ce sera tout simplement faire la même logique que dans votre fonction d'origine et vérifiez qu'au moins une case est cochée.

    3) Si vous aussi vous voulez seulement un maximum de deux à être vérifiée, alors vous aurez besoin d'appliquer la maxlength règle.

    4) La messages option qui manquait à la règle de la spécification. Il va travailler, mais l'un message personnalisé s'appliquerait à toutes les règles sur le même champ.

    5) Si un name attribut contient entre crochets, vous devez l'entourer de guillemets.

    DÉMO: http://jsfiddle.net/K6Wvk/

    $(document).ready(function () {

    $('#formid').validate({ //initialize the plugin
        rules: {
            'test[]': {
                required: true,
                maxlength: 2
            }
        },
        messages: {
            'test[]': {
                required: "You must check at least 1 box",
                maxlength: "Check no more than {0} boxes"
            }
        }
    });

});

    OriginalL'auteur Sparky

  2. -2

    Il est le moyen le plus facile

    HTML:

    <input type="checkbox" name="test[]" />x
<input type="checkbox" name="test[]"  />y
<input type="checkbox" name="test[]" />z
<button type="button" id="submit">Submit</button>

    JQUERY:

    $("#submit").on("click",function(){
    if (($("input[name*='test']:checked").length)<=0) {
        alert("You must check at least 1 box");
    }
    return true;
});

    Pour cela, vous avez pas besoin de n'importe quel plugin.
    Profiter;)

    C'est peut-être plus court, mais @ram utilise la validation plugin et que le plugin utilise les règles afin de valider
    C'est vrai, mais j'ai mis ça comme solution sans autres bibliothèques.
    mais vous avez utilisé jquery...
    Oui. jQuery est la seule bibliothèque pour cette solution. Vous n'avez pas besoin de plugins supplémentaires ou des bibliothèques.
    il est clairement mentionné à l'aide de la règle de validation.

    OriginalL'auteur Ivijan Stefan Stipić