javascript - Comment faire en sorte que la fonction valide de jQuery fonctionne de manière fiable sur IE ?

J'ai un problème avec la fonction valide de jQuery. Sur IE, elle ne fonctionne pas, valide renvoie toujours vrai. J'ai utilisé ce code : validation côté client avec des champs ajoutés dynamiquement

Voici le tableau :

                    Chrome      IE

jquery-1.6.1        works       not working
jquery-1.4.4        works       works

1.6 ne fonctionne pas non plus sur IE. Cependant, jQuery 1.4.4 valide fonctionne sur IE.

Voici le test compatible jsFiddle (testez-le comme HTML local) :

<!--
<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>

MISE À JOUR

J'ai testé mon code sur jsFiddle, il a des effets secondaires, la fonction valid de jQuery 1.6 fonctionne sur IE. Ne testez pas ce code sur jsFiddle. Testez ce code sur votre fichier HTML local.

Réponse #1

Ce problème a été résolu. Essayez la version 1.8.1.

Télécharger le plugin de validation jQuery

Réponse #2

Salut, j'ai aussi le même problème et j'ai mis à jour mes deux fichiers de script avec la dernière version et tout fonctionne très bien de mon côté. Allez sur jquery.com et vérifiez le dernier fichier de code jquery.