À l'aide de données d'attributs avec jquery valider

Est-il possible d'utiliser des attributs data-pour avec JQuery Valider plugin. J'utilise actuellement le nom de la classe par exemple 

class="{required:true, messages:{required:'You must choose a site.'}}"`

mais vous devez utiliser l'attribut data par exemple 

data-validate="{required:true, messages:{required:'You must choose a site.'}}"`

Les entrées peuvent avoir plus d'un attribut de données associée qui ne sera pas lié à la validation par exemple 

<input name="txt_txt001" type="text" maxlength="30" id="txt_txt001" class= "     
{required:true, messages:{required:'This field is required.'} }" data-
children="ddl_txt007,ddl_txt008" data-optionGroup="1" data-optionGroupParent=""  />

Je sais que le ketchup plugin offre ce, mais ne voulez pas vous déplacer jusqu'à ce que j'ai mis les charges de travail en vue d'obtenir la mise en page avec JQuery Valider.

Grâce

OriginalL'auteur Clawg | 2011-09-26

  1. 6

    Essayez de faire les changements suivants pour valider 1.9.0.
    J'ai fait un peu de mods donc mon numéro de ligne peut être désactivée, mais va ici:

    Autour de ln 149:

    var data = $.validator.normalizeRules(
    $.extend(
        {},
        $.validator.metadataRules(element),
        $.validator.classRules(element),
        $.validator.dataRules(element), //add this
        $.validator.attributeRules(element),
        $.validator.staticRules(element)
    ), element);

    Ajouter cet après classRules autour de ln 782:

    //pretty much steal everything from the class based settings
dataRules: function(element) {
    var rules = {};
    var classes = $(element).data("validation");
    classes && $.each(classes.split(' '), function() {
        if (this in $.validator.classRuleSettings) {
            $.extend(rules, $.validator.classRuleSettings[this]);
        }
    });
    return rules;
},

    Ajouter des validateurs pour les règles de classe:

    jQuery.validator.addClassRules({
    phone: {
        phoneUS: true
    },
    zipcode: {
        zipcode: true
    },
    notFirstSelect: {
        notFirstSelect : true
    }
});

    Puis ajouter un data-validation attribut à votre pour les champs:

    <input type="text" data-validation="zipcode required" maxlength="10" class="inputText med" value="" name="zip" id="zip">

    Cela a très bien fonctionné pour moi. Découvrez: http://www.roomandboard.com/rnb/business_interiors/contactus/send.do pour un exemple de cette utilisation.

    c'est vraiment cool, mais je pense que vous avez ré-inventer la roue. Il y a déjà discrète validation des générateurs et analyseurs pour la plupart des grandes plates-formes

    OriginalL'auteur RubyRed

  2. 1

    Je n'ai pas utilisé le plugin, mais il ne semble pas être une option intégrée pour modifier l'attribut d'où il extrait les règles. Mais si vous regardez la non compressé de la source à la ligne 767, vous verrez un classRules méthode.

    Dans cette méthode à la ligne 769 il y a:

    var classes = $(element).attr('class');

    Vous pouvez essayer de changer cela:

    var classes = $(element).attr('data-validate');

    Comme dit, je n'ai pas testé, mais il semble plus logique et sémantique pour mettre ce genre de trucs dans un attribut de données qu'une classe comme le plugin suggère par défaut.

    Salut David, j'ai donné votre suggestion un rendez-vous mais je ne pourrais pas le faire fonctionner. Merci
    Plus probable : $(element).de données ("valider");

    OriginalL'auteur David Hellsing

  3. 1

    ASP.NET MVC 3 intègre discrète de validation à l'aide de HTML5 data- attributs. Le fichier jquery.validate.unobtrusive.js dans le MVC 3 cadre d'analyse les données, des attributs, et ajoute les règles en jquery.validate.js.

    Vous pouvez obtenir plus de détails dans cet article.

    OriginalL'auteur counsellorben

  4. 1

    Je sais que c'est vieux, mais je viens de tombé sur elle à la recherche de quelque chose de lié. J'ai pensé que puisqu'il n'existe pas de réponse, vous pouvez toujours être en a besoin? De toute façon, David a été vraiment à proximité:

    var classes = $(element).data("validate");

    Ce doit saisir le contenu de vos données-validation de l'attribut. De là, vous devriez être en mesure d'analyser ou de passer sur la valeur que vous avez fait avec le nom de la classe.

    OriginalL'auteur Tim Hobbs

  5. 0

    Recommandons d'Utiliser les données attriubtes.
    Vous n'avez pas besoin jquery.validate.unobtrusive.js plus. À partir de la version 1.11.0 jquery.validate.js a qui inclus par défaut. La syntaxe est identique, jetez un coup d'œil aux exemples ici:
    http://denverdeveloper.wordpress.com/2012/09/26/some-things-ive-learned-about-jquery-unobtrusive-validation/

    Pouvez-vous mettre à jour ce lien?
    Assurez-vous: spabuilder.wordpress.com/2012/09/26/... Aussi, fixe une évidente faute de frappe dans le commentaire ci-dessus (vous n'avez pas besoin .discrète partie plus)

    OriginalL'auteur ValGe