javascript - Hogyan lehet megbízhatóan működtetni a jQuery valid függvényt IE-n?

Problémám van a jQuery valid függvénnyel. IE-nél nem működik, a valid mindig true-t ad vissza. Ezt a kódot használtam: kliens oldali érvényesítés dinamikusan hozzáadott mezővel

Itt van a diagram:

                    Chrome      IE

jquery-1.6.1        works       not working
jquery-1.4.4        works       works

Az 1.6 sem működik IE-n. Viszont az 1.4.4 jQuery valid működik IE-n.

Itt van a jsFiddle-barát teszt (teszteld ezt helyi HTML-ként):

<!--
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js" type="text/javascript"></script>

<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>



<form id="XXX">
    <input type="submit" id="Save" value="Save">

</form>


<script type="text/javascript">

    // sourced from https://stackoverflow.com/questions/5965470/client-side-validation-with-dynamically-added-field
    // which I do think don't have a bug
    (function ($) {


        $.validator.unobtrusive.parseDynamicContent = function (selector) {
            //use the normal unobstrusive.parse method
            $.validator.unobtrusive.parse(selector);

            //get the relevant form
            var form = $(selector).first().closest('form');

            //get the collections of unobstrusive validators, and jquery validators
            //and compare the two
            var unobtrusiveValidation = form.data('unobtrusiveValidation');
            var validator = form.validate();

            $.each(unobtrusiveValidation.options.rules, function (elname, elrules) {
                if (validator.settings.rules[elname] == undefined) {
                    var args = {};
                    $.extend(args, elrules);
                    args.messages = unobtrusiveValidation.options.messages[elname];
                    $('[name=' + elname + ']').rules("add", args);
                } else {
                    $.each(elrules, function (rulename, data) {
                        if (validator.settings.rules[elname][rulename] == undefined) {
                            var args = {};
                            args[rulename] = data;
                            args.messages = unobtrusiveValidation.options.messages[elname][rulename];
                            $('[name=' + elname + ']').rules("add", args);
                        }
                    });
                }
            });
        }
    })($);
    // ...sourced from others


    // my code starts here...
    $(function () {

        var html = "<input data-val='true' " +
           "data-val-required='This field is required' " + "name='inputFieldName' id='inputFieldId' type='text'/>";
        $("form").append(html);

        var scope = $('#XXX');

        $.validator.unobtrusive.parseDynamicContent(scope);




        $('#Save').click(function (e) {
            e.preventDefault();
            alert(scope.valid());
        });

    });
    // ...my code ends here

</script>

FRISSÍTÉS

Megpróbáltam a kódomat a jsFiddle-en, van mellékhatása, a jQuery 1.6 valid működik IE-n. Ne teszteld ezt a kódot a jsFiddle-en. Teszteld ezt a kódot a helyi HTML-eden.

Válasz #1

Ez a probléma megoldódott. Próbáld ki az 1.8.1 verziót.

Töltse le a jQuery érvényesítő plugint

Válasz #2

Szia, nekem is ugyanez a problémám volt, és mindkét script fájlomat a legújabb verzióra frissítettem, és nálam minden nagyon jól működik. Menj a jquery.com-ra és ellenőrizd a legújabb jQuery kód fájlt.