JQuery de Validation pour le Tableau de Saisie des Éléments

J'ai besoin de valider un tableau de saisie des éléments de texte (kilométrage): Par exemple:

<tbody>
  <c:forEach items="${list}" var="item">
        <tr> 
             <!--some other columns---> 
             <td align="left"><input type="text" name="mileage" value="" /></td>
        </tr>
   </c:forEach>                       
</tbody>

Le script de validation est comme ci-dessous -

$(document).ready(function(){

        $("#form1").validate({
            rules: {
                mileage: {
                    required: true

                         }
                },            
            submitHandler: function(form) {
                form.submit();
            }

        });       
    });

Maintenant, le problème est que l' .validate.js valide uniquement le premier élément de kilométrage. Que puis-je faire? Comment puis-je rendre le plugin valider toutes les entrées de texte ?

J'espère que vous pourrez m'aider.

OriginalL'auteur eddy | 2010-12-24

  1. 8

    Dans jquery.validate.js, on peut trouver une fonction nommée checkForm, nous devons modifier comme ci-dessous:

    checkForm: function() {
                this.prepareForm();
                for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) {
                    if (this.findByName( elements[i].name ).length != undefined && this.findByName( elements[i].name ).length > 1) {
                        for (var cnt = 0; cnt < this.findByName( elements[i].name ).length; cnt++) {
                            this.check( this.findByName( elements[i].name )[cnt] );
                        }
                        } else {
                    this.check( elements[i] );
                }
                }
            return this.valid();
    }
    excellent travail! 🙂
    Excellent en effet. Mais j'ai trouvé que cette fonction ne tient pas comte de la "ignorer". J'ai juste amélioré la fonction dans ma réponse. Espérons que cette aide.
    sa ne marche pas pour moi

    OriginalL'auteur eddy

  2. 4

    Basé sur eddy réponse, cette fonction prend en compte aussi la ignore réglage.

            checkForm: function() {
            this.prepareForm();
            for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) {
                var checkingElements = this.findByName( elements[i].name ).not(this.settings.ignore);
                if (checkingElements.length !== undefined && checkingElements.length > 1) {
                    for (var cnt = 0; cnt < checkingElements.length; cnt++) {
                        this.check( checkingElements[cnt] );
                    }
                } else {
                    this.check( elements[i] );
                }
            }
            return this.valid();
        },
    Je préfère ne pas manipuler plugin code source à la main, mais au lieu d'inclure mes personnalisé chaud fixe dans un autre .fichier js, que j'ai ensuite inclure sur la page d'après jquery.validate.js. Est-il possible que cela peut être fait avec le checkForm-méthode dans l'extension?
    J'ai forké le projet sur github et a fait une demande d'extraction, donc j'espère que vous trouverez cette mise à jour directement dans une nouvelle version de jquery.validate.js

    OriginalL'auteur Luca Fagioli

  3. 3

    Que vous avez à parcourir en boucle dans ces cas, comme ceci:

    $(document).ready(function() {
    $("#form1").validate({
        submitHandler: function(form) {
            form.submit();
        }
    });  
    $("#form1 input[name='mileage']").each(function() {
       $(this).rules("add", { required: true });
    });  
});

    .règles() n'affecte que le premier match, donc vous avez besoin d'un .chacun() - bas pour parcourir et ajouter des règles pour tous les matchs.

    Craver. Merci j'ai essayé ce que vous avez suggéré, mais cela ne fonctionne toujours pas :(. Êtes-vous sûr que c'est tout ce que je dois faire?? 🙁
    yup c'est tout ce qu'il faut...en êtes-vous des erreurs JavaScript dans votre console?
    Craver - Pas une seule erreur. Pour une raison quelconque, le plugin reste de valider uniquement le premier élément 🙁
    avez-vous une page que je peux regarder? btw, une autre façon d'aller à ce sujet, si vous voulez juste required serait <input type="text" name="mileage" class="required" />
    salut nick, vous dire ce que.. vous êtes mes fav dans l'ensemble de la soi de la communauté. J'aime la façon dont vous vous sentez la responsabilité de la Communauté. Je voulais juste dire you're my number One (rien de Personnel)

    OriginalL'auteur Nick Craver