Mithilfe von data-Attribute mit jquery Validierung

Ist es möglich, mit data-Attribute mit JQuery Validate plugin. Derzeit benutze ich den Namen der Klasse, z.B. 

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

aber Sie müssen verwenden Sie das data-Attribut, z.B. 

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

Die Eingänge können mehr als ein Daten-Attribut zugeordnet, die nicht im Zusammenhang mit der Validierung, z.B. 

<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=""  />

Ich weiß, das ketchup-plugin anbietet, dies aber nicht wollen, zu bewegen, um, wie ich es habe riesig viel Arbeit in die Seite setup mit JQuery Validierung.

Dank

InformationsquelleAutor Clawg | 2011-09-26
  1. 6

    Versuchen, indem Sie die folgenden chages zu überprüfen 1.9.0.
    Ich habe ein paar mods, damit meine Linie zahlen können, aber hier geht:

    Rund um 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);

    Fügen Sie diese nach classRules um 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;
},

    Fügen Sie alle zusätzlichen Prüfungen der Klasse Regeln:

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

    Dann fügen Sie eine data-validation - Attribut auf Ihre für Felder:

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

    Diese wurden arbeiten wirklich gut für mich. Check-out: http://www.roomandboard.com/rnb/business_interiors/contactus/send.do ein Beispiel für diese im Einsatz.

    • das ist wirklich cool, aber ich denke, du hast das Rad neu erfinden möchte. Es gibt bereits unobtrusive validation-Generatoren und Parser für die wichtigsten Plattformen
    InformationsquelleAutor RubyRed
  2. 1

    Ich habe nicht das plugin verwendet, aber es scheint nicht zu sein, eine eingebaute option für das ändern der attribute von wo aus er holt sich Regeln. Aber wenn man sich die unkomprimierten Quelle in Zeile 767 sehen Sie eine classRules Methode.

    In dieser Methode, in Zeile 769 es ist:

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

    Können Sie versuchen, ändern Sie dies in:

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

    Wie gesagt, ich habe nicht getestet, obwohl es scheint, mehr logische und semantische diese Art von Sachen in einem data-Attribut, als eine Klasse des plugins schlägt per default.

    • Hallo David, ich habe deine Vorschlag, aber ich couldnt get it to work. Dank
    • Mehr wahrscheinlich : $(element).Daten ("validate");
    InformationsquelleAutor David Hellsing
  3. 1

    ASP.NET MVC 3 enthält die unaufdringlich-Validierung mit HTML5 data- Attribute. Die Datei jquery.validate.unobtrusive.js im MVC 3 framework strukturiert die Daten - Attribute und fügt die Regeln in jquery.validate.js.

    Mehr details erfahren Sie in dieser Artikel.

    InformationsquelleAutor counsellorben
  4. 1

    Ich weiß, das ist alt, aber ich stolperte über es auf der Suche nach etwas im Zusammenhang. Ich dachte mir, da es noch keine akzeptierte Antwort, die Sie vielleicht noch braucht? Trotzdem war David wirklich schließen:

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

    Diese sollte schnappen Sie sich den Inhalt Ihrer Daten-validate-Attribut. Von dort aus sollten Sie in der Lage sein, zu analysieren und pass auf die Wert als Sie sind/waren mit den Klasse Namen.

    InformationsquelleAutor Tim Hobbs
  5. 0

    Empfehlen die Verwendung von Daten-attriubtes.
    Sie brauchen nicht jquery.validate.unobtrusive.js mehr. Ab version 1.11.0 jquery.validate.js hat, dass standardmäßig enthalten. Die syntax ist immer die gleiche, werfen Sie einen Blick auf die Proben hier:
    http://denverdeveloper.wordpress.com/2012/09/26/some-things-ive-learned-about-jquery-unobtrusive-validation/

    • Können, aktualisieren Sie dieses link?
    • Sicher: spabuilder.wordpress.com/2012/09/26/... Auch behoben, ein offensichtlicher Tippfehler im obigen Kommentar (Sie nicht benötigen .Bestandteil mehr)
    InformationsquelleAutor ValGe
Schreibe einen Kommentar