jQuery valider Uncaught TypeError: Cannot read property 'nodeName', null

J'ai le code suivant:

$(document).ready
(
    function ()
    {
        $.validator.addMethod(
        "lessThan",
        function (value, element, param)
        {
            //bind to the blur event of the target in order to revalidate whenever the target field is updated            
            var target = $(param)
            .unbind(".validate-lessThan")
            .bind
            (
                "blur.validate-lessThan",
                function ()
                {
                    $(element).valid();
                }
            );
            return parseFloat(value) <= parseFloat(target.val());
        },
        "Valoarea trebuie sa fie mai mica sau egala decat valoarea initiala"
        );
    }
);


$('#gvListDetaliiElemTranAdaugare input[name$=Valoare]').each
    (
        function (index, domEle)
        {
            $(this).rules
            (
                "add"
                , {

                    required: true,
                    minlength: 1,
                    range: [0.1, Number.MAX_VALUE],
                    lessThan: '#ListaDetaliiElemTranModelAdaugare_' + index + '__ValoareRamasa',
                    messages:
                    {
                        required: "Valoarea este necesara!",
                        minlength: "Valoarea este necesara!",
                        range: "Valoarea este necesara!",
                        lessThan: "Valoarea trebuie sa fie mai mica sau egala cu " + $('#ListaDetaliiElemTranModelAdaugare_' + index + '__ValoareRamasa').val()


                    }
                }
            );
        }
    );

Le code ne fonctionne pas, alors il reeaches $(this).règles() avec: Uncaught TypeError: Cannot read property 'nodeName' of null.
le code html renvoyé par $('#gvListDetaliiElemTranAdaugare input[name$=Valoare]') est:

[
<input data-type=​"decimal" id=​"ListaDetaliiElemTranModelAdaugare_0__Valoare" name=​"ListaDetaliiElemTranModelAdaugare[0]​.Valoare" onchange=​"OnValoareChange($(this)​.val()​, 18590 , 0)​" type=​"text" value=​"0.00000000000">​

<input data-type=​"decimal" id=​"ListaDetaliiElemTranModelAdaugare_1__Valoare" name=​"ListaDetaliiElemTranModelAdaugare[1]​.Valoare" onchange=​"OnValoareChange($(this)​.val()​, 22972 , 1)​" type=​"text" value=​"0.00000000000">​

<input data-type=​"decimal" id=​"ListaDetaliiElemTranModelAdaugare_2__Valoare" name=​"ListaDetaliiElemTranModelAdaugare[2]​.Valoare" onchange=​"OnValoareChange($(this)​.val()​, 23036 , 2)​" type=​"text" value=​"0.00000000000">​

<input data-type=​"decimal" id=​"ListaDetaliiElemTranModelAdaugare_3__Valoare" name=​"ListaDetaliiElemTranModelAdaugare[3]​.Valoare" onchange=​"OnValoareChange($(this)​.val()​, 23038 , 3)​" type=​"text" value=​"0.00000000000">​

<input data-type=​"decimal" id=​"ListaDetaliiElemTranModelAdaugare_4__Valoare" name=​"ListaDetaliiElemTranModelAdaugare[4]​.Valoare" onchange=​"OnValoareChange($(this)​.val()​, 425306 , 4)​" type=​"text" value=​"0.00000000000">​

<input data-type=​"decimal" id=​"ListaDetaliiElemTranModelAdaugare_5__Valoare" name=​"ListaDetaliiElemTranModelAdaugare[5]​.Valoare" onchange=​"OnValoareChange($(this)​.val()​, 425308 , 5)​" type=​"text" value=​"0.00000000000">​

<input data-type=​"decimal" id=​"ListaDetaliiElemTranModelAdaugare_6__Valoare" name=​"ListaDetaliiElemTranModelAdaugare[6]​.Valoare" onchange=​"OnValoareChange($(this)​.val()​, 425309 , 6)​" type=​"text" value=​"0.00000000000">​

<input data-type=​"decimal" id=​"ListaDetaliiElemTranModelAdaugare_7__Valoare" name=​"ListaDetaliiElemTranModelAdaugare[7]​.Valoare" onchange=​"OnValoareChange($(this)​.val()​, 425310 , 7)​" type=​"text" value=​"0.00000000000">​
]
  • pourquoi vous ne sont pas seulement ajouter de la validation de la fonction avec ses règles propriétés en json ?
  • parce que j'ai besoin d'un exemple
  • cochez cette page jquery.bassistance.de/validate/demo
  • Je n'ai pas trouver quelque chose d'utile là
  • ce que vous essayez de faire exactement?
  • Je suis en train d'ajouter la validation d'un ensemble de lignes de la grille. Mais j'ai trouvé mon problème. Je vous remercie pour votre temps et votre attention.

InformationsquelleAutor Dragos Durlut | 2012-10-03
  1. 80

    J'ai trouvé le problème.

    Le problème est que le HTML, j'ai essayé de valider n'était pas contenue dans un <form>...</form> tag.

    Dès que je l'ai fait, j'ai eu un context qui n'était pas nulle.

    • Celui-ci a attiré moi pendant presque 2 heures... l'élément doit être à l'intérieur d'une forme. Duhhhh 🙁 Merci pour le partage! 🙂 Juste une remarque: dans mon cas, j'ai essayé d'ajouter une règle à un fichier d'entrée. Ceci est utile d'erreur que j'ai obtenu sur Firebug: elem null sur cette jQuery ligne: f ( elem.nodeType && elem.nodeType !== 1 && elem.nodeType !== 9 )
    • Il m'a fait comme un idiot dans la dernière heure, les champs étaient tous dans un formulaire mais quand jQuery dialogue ouvert, il s'est déplacé en dehors de la forme, puis la validation a échoué avec un message d'erreur étrange. Pourquoi jQuery UI ne délivre pas un message d'avertissement dans la console?
    InformationsquelleAutor Dragos Durlut
  2. 4

    Le problème est arrivé parce que j'ai essayé de lier un élément HTML avant il a été créé.

    Mon script a été chargé sur le dessus de l'HTML et il doit être chargé dans le fond de mon code HTML.

    • même cas pour moi, j'ai été également l'ajout de règles sur le sous-formulaire avant de l'insertion d'un événement. Merci man!
    InformationsquelleAutor Dhilipkumar
  3. 4

    J'ai eu ce problème dans un projet Backbone: mon point de vue contient une entrée et un nouveau rendu.
    Voici ce qui se passe (exemple pour une case à cocher):

    • Le premier rendu se produit;
    • jquery.valider est appliquée, l'ajout d'un événement onClick sur l'entrée;
    • Vue de la re-rend, de l'entrée d'origine disparaît, mais jquery.valider est toujours lié à elle.

    La solution est de mettre à jour l'entrée plutôt que de re-rendre complètement. Voici une idée de la mise en œuvre:

    var MyView = Backbone.View.extend({
    render: function(){
        if(this.rendered){
            this.update();
            return;
        }
        this.rendered = true;

        this.$el.html(tpl(this.model.toJSON()));
        return this;
    },
    update: function(){
        this.$el.find('input[type="checkbox"]').prop('checked', this.model.get('checked'));
        return this;
    }
});

    De cette façon, vous n'avez pas à modifier le code existant appel render(), assurez-vous simplement que la mise à jour() garde votre code HTML dans la synchronisation et vous êtes bon pour aller.

    • Je ne comprends pas, pourriez-vous me dire comment l'appliquer dans la pratique?
    InformationsquelleAutor lipsumar
  4. 2

    J'ai trouvé cette réponse quand j'ai été une erreur similaire pour nodeName après la mise à niveau de Bootstrap 4. Le problème est que les onglets n'ont pas le nav et nav-tab classes; l'ajout de ceux de la <ul> élément fixe de la question.

    • Wow... a pris un certain temps à s'en rendre compte. Cela fonctionne aussi sans <ul>, donc l'application class="nav nav-tabs" à un élément parent suffit. Mais il est certainement un Bootstrap 4 problème. Bootstrap 3 était très bien sans.
    InformationsquelleAutor apb
  5. 0

    J'ai eu ce problème et c'était parce que le panneau était en dehors de la [data-role="page"] élément.

    InformationsquelleAutor Roy Art
  6. 0

    Extrait de l'oficial docs:

    Exige que le parent formulaire est validé, soit $( "form" ).valider() est appelée en premier

    plus sur... les règles

    InformationsquelleAutor jfernandez_04