Discussion :

[mojrem]

Bonsoir ! Oui je suis nouveau et je ramene un petit probleme avec moi, et pas n'importe lequel merci de me denicher 2 tites minutes les connaisseurs en JS [:p]

Alors j'ai une page en HTML qui contiens plusieurs inputs textes cette partie html est générée directement a partir d'un script php ce script check des variables stockés dans un tableau dans la session et les affiche, ces variables sont le produit mis dans le caddie et sa quantité, ce qui m'interesse le plus la c'est la quantité le nom de l'input texte est : aElements[XX]:

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
input type="text" name="aElements[20]" value="2" size="1" class="input" id="quantite"/>
 
input type="text" name="aElements[21]" value="3" size="1" class="input" id="quantite"/>

Comme vous l'avez constaté c un input texte qui se duplique selonla quantité du contenu selectionné par l'utilisateur.

Alors l'enjeu, est de pouvoir selectionner ses aElements[XX] dans un petit javascript qui me limite la valeur a 5 car un seul utilisateur ne peux pas acheter plus de 5 produits de meme type.
Bon ça marche d'une maniere simple quand ya pas de [xx] apres aElements (sans les inputs dupliqués) script du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
 
function valider(){
 
  if(document.form.aElements.value > "5") {
 
  alert("La quantité des billets doit etre inférieure ou égale a 5");
 
    return false;
 
  }
 
  else {
// on envoie le formulaire car ok 
 
    return true;
 
  }
 
}
 
</script>

ça c'est un essai qui fonctionne quand je l'ais fait dans une page a part pour tester. par contre je ne sais meme pas comment proceder pour declarer les [XX] dans javascript.. enfin aucune idée sur comment proceder !

Merci d'avance, je compte sur vous

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

name="aElements[21]"

bon alors plusieurs choses ...

le fait de mettre un name avec un indice n'est pas interprété par javascript ...
pour JS
un exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<input type='text' name="aElements[1]" />
<input type='text' name="aElements[2]" />
<script type='text/javascript'>
 alert(document.getElementsByName("aElements").length)
</script>

parcontre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<input type='text' name="aElements[1]" />
<input type='text' name="aElements[1]" />
<script type='text/javascript'>
 alert(document.getElementsByName("aElements[1]").length)
</script>

Donc:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.form.aElements.value

n'a aucun sens dans ton code


Si tu veux verifier que dasn aucun des inputs text il n'y a de quantité saisie supérieure à 5

il faudra boucler sur la collection de tes inputs que tu auras extraite du fomr:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var AllInputs=document.getElementsByTagName('input');
var TabaElements=new Array();
var Al=AllInputs.length;
for(i=0;i<AL;i++){
      if(AllInputs[i].name.indexOf('aElements')>0){
                           TabaElements.push(AllInputs[i])}
                       }

TabAElements contient alors tous les inouts ayant un name contenant "aElements" dedans ...

il ne reste plus qu'a les controler

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var CL=TabaElements.length;
for(j=0;j<CL;j++){
     if(Number(TabaElements[j].value)>5){'input 'alert(TabaElements[j].name + ' supérieur à 5') }
}

[mojrem]

Merci beaucoup !
ça marche avec votre proposition, mais entre temps j'ai trouvé une autre méthode plus simple je crois qui consiste a faire appel par id et vue que cet input a un id="quantity" j'ai fait ça et ça a marché aussi !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript">
function valider(){
  if(document.getElementById("quantite").value > "5") {
  alert("La quantité des billets doit etre inférieure ou égale a 5");
  return false;
 
  }
  else {
  return true;
  }
}
</script>

Encore merci, c'est la premiere fois que je viens sur ce forum, ya que des gourous aparament ! c'est génial !!

[SpaceFrog]

le test par id est tout a fait valable, mais je pensais que tu voulais controler tous les inputs ?

id ne permet de controler qu'un seul input car un id doit être unique sur la page ...

à moins que tu n'aies un nommage rationnel ?
id="input1"
id="input2"

et que dans la boucle tu fasses

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('input'+i)

Encore merci, c'est la premiere fois que je viens sur ce forum, ya que des gourous aparament ! c'est génial !!

On n'est pas LE meilleur forum de développement pour rien