la validation de plusieurs zones de texte portant le même nom avec jquery validateur ne valide que la première entrée

Je suis en train de valider les deux entrées ayant le même nom avec jquery validateur ..

<script src='
            http://code.jquery.com/jquery-latest.min.js '></script>
            <script src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js'></script>
            <script>
            $(document).ready(function(){

            $('#frm').validate();

            $("[name=inp_text]").each(function(){
            $(this).rules("add", {
            required: true,
            checkValue: true
             });   
           });

                $.validator.addMethod("checkValue", function(value, element) {
                var response = ((value > 0)&&(value <= 100))||((value == 'test1')||(value =='test2'));
               return response;
               }, "invalid value");

            })

            </script>


            <form id='frm' method='post'>
            <input type='text' name='inp_text'/><br>
                <input type='text' name='inp_text'/><br>
            <input type='submit' name=''/>
            </frm>

mais lorsque j'exécute ce code, il ne fait que valider les premières entrées et deuxième entrées obtient tout simplement ignoré

J'ai aussi essayé d'utiliser <input type='text' name='inp_text[]'/><br> mais toujours pas de travail.

ce que je devrais changer...?

Merci d'avance

OriginalL'auteur alwaysLearn | 2013-04-01

16

"Je suis en train de valider les deux entrées ayant le même nom avec jquery
validateur ..."
```
<input type='text' name='inp_text'/>
<input type='text' name='inp_text'/>
```
"mais lorsque j'exécute ce code, il ne valide première et deuxième entrées
entrées obtient tout simplement ignoré"

Vous ne pouvez pas avoir deux input champs de type="text" avec la même name ou ce plugin ne fonctionnera pas correctement. Le name attribut doit être unique. (Une exception à la name être unique, c'est que les "groupements" de checkbox ou radio entrées partagent la même name que la communication est un point de données unique. Cependant, la name doit toujours être unique pour chaque groupe de checkbox et radio-éléments.)

"que dois-je changer...?"

Faire de chaque name attribut unique.
```
<input type='text' name='inp_text[1]'/>
<input type='text' name='inp_text[2]'/>
```
Ensuite utiliser la "commence par" sélecteur, ^=...
```
$("[name^=inp_text]").each(function () {
    $(this).rules("add", {
        required: true,
        checkValue: true
    });
});
```
De travail de DÉMONSTRATION: http://jsfiddle.net/PgLh3/

NOTES: Vous pouvez également cibler les éléments par id lors de l'utilisation de la rules('add') méthode, cependant, pour ce cas, rien n'est résolu, car le plugin nécessite encore un unique name sur chaque input élément.

Merci beaucoup .. pouvez-vous m'expliquer pourquoi ça ne fonctionnait pas quand j'utilise inp_txt[] .... avec ce nom devrait devenir unique, je suppose.. ou suis-je mal avec cette hypothèse .. ?
parce que inp_text[] est exactement le même que inp_text[]. Comment serait-il devenir "unique"? Je suppose que je ne comprends pas tout ce que vous demandez.
Il n'y a pas une telle chose comme unique dans la documentation.
il est assez bien connu que cette documentation est incomplète. Cependant, vous êtes libre d'examiner le code source et vous verrez que la name attribut est comment ce plugin conserve la trace de tous les éléments de formulaire en cours de validation. voir Aussi cette démo où le plugin échoue lorsque le name attribut est dupliqué: jsfiddle.net/ed3vxgmy/

OriginalL'auteur Sparky

Ajouter la configuration suivante comme des règles ou des messages

multipleInputSharedName: {
        inp_text: true
    }

Changer dans le code jquery.validate.js
Nom de la méthode: les éléments

remplacer le

if ( this.name in rulesCache || !validator.objectLength( $( this ).rules() ) ) {
                return false;
            }

avec le suivant

if ( (!validator.settings.multipleInputSharedName[this.name] && this.name in rulesCache) || !validator.objectLength( $( this ).rules() ) ) {
                return false;
            }

OriginalL'auteur Manas Kumar Das

-1

Oui, JQuery de validation seulement de valider la première occurrence.
Vous utilisez des noms différents pour les zones de texte.
OU
Vous pouvez utiliser les mêmes noms, mais des identifiants différents.
et d'appliquer vérifier en fonction de l'id.

$("#myform").valider({ règles: {
#id_of_field: {
requis: true, checkValue: vrai
} } });

Vrai, le jQuery Valider plugin ne fonctionne pas lorsque deux champs contiennent le même nom, seul le premier champ de valider. Cependant, déclarant règles par id dans .validate() n'est pas valide et absolument tout casser. Voir: jsfiddle.net/tpg7M
Désolé chers, vous pouvez utiliser la suite de la matrice de noms.$('#myform').valider({ règles : {'[]': { required: true, minlength: 1 } } });

OriginalL'auteur Jaskaran Singh

-1

Amis!

Afin de valider la zone de texte/case/sélectionner avec le même nom
utiliser ce qui suit, il fonctionne très bien pour moi.

Ici "ctryId' est le nom de la boîte de sélection.

function validateCountry(){
    inp = document.getElementsByTagName("select");
    for ( var i = 0; i < inp.length; ++i )    {
        if (inp[i].name =="ctryId" && inp[i].value==''){
            alert('plesae select a country!');
                return false;
            }
        }
    return true;
 }

Ici "minVal' est le nom de la zone de texte

function validateMinimumVal(){
    inp = document.getElementsByTagName("TEXT");
    for ( var i = 0; i < inp.length; ++i )    {
        if (inp[i].name =="minVal" && inp[i].value==''){
            alert('plesae Add a MINIMUM VALUE!!');
                return false;
            }
        }
    return true;
 }

Espérons que cette aide!!
Jagan

Ceci ne répond pas à l'intention de la question.

OriginalL'auteur Jagan

Vous devez vous connecter pour publier un commentaire.