nom des formulaires et champs en paramètre?

**Athorus** · 17/08/2006, 16h11

Bonjour,

Débutant en javascript, j'ai un problème avec une fonction dont le but est de compléter les champs d'un formulaire par des zéros si la longueur est insuffisante : par exemple, pour un numéro de compte bancaire, si l'utilisateur tape 7 chiffres, elle rajoutera 4 zéros devant pour atteindre les 11 chiffres que comporte tous les comptes.

Devant appliquer cette fonction à plusieurs champs et plusieurs formulaires, j'ai voulu passer les noms de formulaire et de champ en paramètre comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
        function completer_champs_banque(formulaire,champ,longueur)
{
  /** formulaire : nom du formulaire qui contient le champ à compléter
      champ : champ du formulaire à compléter par des zéros
      longueur : longueur voulue au final   */
 
  var donnee_saisie = window.document.formulaire.champ.value;
  var longueur_donnee_saisie = donnee_saisie.length;
 
  if (longueur_donnee_saisie < longueur)
   for (var i = longueur_donnee_saisie; i < longueur ; i++)
         donnee_saisie = "0"+ donnee_saisie;
}

Mais là ca ne passe pas : window.document.formulaire.champ.value n'est pour lui pas un objet ou a la valeur nulle, autrement dit il ne comprend pas que formulaire et champ sont les paramètres donnés.

En cherchant j'ai compris que ces paramètres étaient même inutile, puisque il suffit d'appeler this.value dans la balise "input" pour récupérer directement la valeur et la donner en paramètre à la fonction. Mais ca ne fonctionne pas mieux...

Bref il y a un certainement un point qui m'a échappé dans la programmation javascript, car j'ai l'impression de coincer sur un problème du à une méconnaissance du langage...

Merci à tous ceux qui voudront bien m'aider.

Athorus

**tuxout** · 17/08/2006, 16h34

Salut,

préfère la syntaxe

Code :

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

document.getElementById ('id_de_ton_objet')

pour récupérer un élément de ta page

Code :

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

<input type="text" id="text1" />

edit : Je ne sais pas si je réponds à ta question

**Athorus** · 17/08/2006, 16h40

Salut,

Merci de ta réponse. J'ai effectivement vu cette solution, qui ne répond en fait pas exactement à ma question : elle m'oblige à prendre chaque champ un par un, là ou j'essaye de généraliser au maximum ma fonction.

**tuxout** · 17/08/2006, 16h44

Hmmmm ... j'aurai besoin de plus de précision
Que désires tu faire exactement ?
A quelle moment tu veux que cela complète l'entrée du visiteur ?

**Athorus** · 17/08/2006, 16h50

Le champ est complété dès que l'utilisateur clique ailleurs, je fais donc appel à la fonction "onChange".
En fait j'ai 3 formulaires qui devraient faire appel à cette fonction pour au moins 4 champs, soit 12 champs minimum répartis sur plusieurs formulaires... D'ou l'utilité d'avoir une fonction la plus générale possible. Dans sa forme actuelle (qui marche et que je n'ai pas donné ici), je suis obligé d'indiquer en dur dans le code le nom du formulaire et le nom du champ... Autrement dit de recopier 12 fois la fonction

**tuxout** · 17/08/2006, 17h08

Essais toujours ça

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function completer_champs_banque(idChamps, longueur)
{
  var donnee_saisie = document.getElementById('idChamp').value;
  var longueur_donnee_saisie = donnee_saisie.length;
 
   if (longueur_donnee_saisie < longueur)
   {
      for (var i = longueur_donnee_saisie; i < longueur ; i++)
            donnee_saisie = "0"+ donnee_saisie;
 
       document.getElementById('idChamps').value = donnee_saisie;
   }
}

**Athorus** · 17/08/2006, 17h14

Ta solution est très semblable à celle que je viens d'écrire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function completer_champs_banque(valeur,longueur)
{
  /** formulaire : nom du formulaire qui contient le champ à compléter
      champ : champ du formulaire à compléter par des zéros
      longueur : longueur voulue au final   */
 
  var longueur_donnee_saisie = valeur.length;
  if (longueur_donnee_saisie < longueur)
   for (var i = longueur_donnee_saisie; i < longueur ; i++)
         valeur = "0"+ valeur;
         this.value=valeur;
 
}

Puis dans la balise input : onChange="completer_champs_banque(this.value,11);"

Pas d'erreur, et la valeur est bien converti avec des zéros. Seul problème, le résultat s'affiche pas dans le champ quand je clique ailleurs, ce qui pourtant marchait avant.

**tuxout** · 17/08/2006, 17h18

tu lui passes la valeur, ce n'est pas un pointeur sur celle ci, si tu la modifies dans ta fonction il ne la modifie pas autre part

Il faut lui passer l'id du champs pour qu'il sache quoi modifier

**Athorus** · 17/08/2006, 17h27

Je suis d'accord, d'ou mon this.value = valeur; à la fin de ma fonction...

Et quand je lui demande de m'afficher cette valeur (this.value), elle est bonne! Il veut juste pas me la mettre dans le champ qui est clairement définit par le this.value qui équivaut à un window.document.formulaire.champ.value, donc pas besoin d'id je pense...

**FremyCompany** · 17/08/2006, 17h39

Désolé mais tu manques de logique... imaginons le cas suivant :

Code :

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

1
2
3
4
5
6
7
8
Fnc=function(nom, obj) {
    return obj.nom;
}
 
var x=new Object();
x.nom="Roberto";
x.age=43;
alert(Fnc("age",x));

... Crois tu vraiment que tu vas obtenir 43 dans ton alert ???

Sois réaliste...
La solution est la suivante :

Code :

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

alert(obj["age"] == obj.age) // Afficera toujours 'true'

Et ensuite je te parlerai du point dont le sous-post au dessus parlait lui aussi : this.value est une VALEUR, pas une référence...
ex :

Code :

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

var x=0; var y=x; y=1; alert(x);

Crois tu vraiment que x vaudra 1 ? Ben pour le this.value, c'est pareille...

**Athorus** · 17/08/2006, 17h44

Merci pour ta remarque, mais pour être franc je vois pas le lien avec mon problème. J'ai testé la solution qui m'a été donné par tuxout et confirme qu'elle marche, cependant je vois toujours pas pourquoi ma fonction qui fonctionnait très bien quand je lui donnais tout le chemin en dur, ne marche plus quand ces même éléments deviennent des paramètres.

**tuxout** · 17/08/2006, 17h46

C'est un problème de portée ...
Tu entres dans une fonction et les variables sont copiées, tu ne pointes pas dessus et donc ne peux les changer.

**FremyCompany** · 17/08/2006, 17h54

M'enfin, tu as lu mon exemple ???

Code :

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

1
2
3
4
5
6
7
8
Fnc=function(nom, obj) {
    return obj.nom;
}
 
var x=new Object();
x.nom="Roberto";
x.age=43;
alert(Fnc("age",x));

obj.nom renverra TOUJOURS le MEMBRE nommé "nom" de OBJ...
même si obj est une variable...
tu trouverais ca normal qu'on puisse faire ca :

Code :

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

1
2
3
4
5
6
7
var obj=new Object();
obj.x = 0
alert(obj.x) // 0
obj.y = 1
alert(obj.x) // 0
var x= "y"
alert(obj.x) //0

et que cela donne "1" ? Pourtant c'est exactement ce que tu fais...

Je te dis que tu dois utiliser obj["y"] pour obtenir obj.y... et donc aussi :

Code :

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

1
2
3
4
5
var obj=new Object();
obj.x = 0
obj.y = 1
var x= "y"
alert(obj[x]) // 1

**Seb19** · 17/08/2006, 18h03

Envoyé par Athorus

Bonjour,
j'ai un problème avec une fonction dont le but est de compléter les champs d'un formulaire par des zéros si la longueur est insuffisante : par exemple, pour un numéro de compte bancaire, si l'utilisateur tape 7 chiffres, elle rajoutera 4 zéros devant pour atteindre les 11 chiffres que comporte tous les comptes.

Devant appliquer cette fonction à plusieurs champs et plusieurs formulaires...

Bonjour,

Le petit exemple ci dessous permet de compléter par des 0 un champ afin que la longueur fasse 11 caractères.
La fonction marche avec plusieurs formulaires sur la même page et si tu veux le faire dans plusieurs pages différentes, il te suffit de mettre la fonction javascript dans un .js que tu appéleras au début de chaque page par un include.

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
23
24
25
 
<html>
<head>
<script language="javascript">
function formateChamp(object) {
	if (object.value.length < 11) {
		alert("longueur du champ "+object.name+" : "+object.value.length);
		var valeur = "";
		for (i=0; i<11-object.value.length; i++) {
			valeur = valeur + "0";
		}
		valeur = valeur + object.value;
		object.value = valeur;
	}
}
</script>
<body>
<form name="form1">
<input type="text" name="champ1" onBlur="formateChamp(this);">
</form>
<form name="form2">
<input type="text" name="champ2" onBlur="formateChamp(this);">
</form>
</body>
</html>

**Athorus** · 17/08/2006, 19h10

Merci à tous pour votre aide, avec tout ca j'ai de quoi m'en sortir

Fremy j'ai bien lu tes exemples, et effectivement je vois pas pourquoi (pour l'instant) ton alert(obj.x) ne vaudrait pas 1, puisque x prend la valeur de y...
Mais là à mon avis c'est ma méconaissance de la programmation orientée objet qui est à mettre en cause. Ca devrait aller mieux quand j'aurais avalé mon livre javascript

nom des formulaires et champs en paramètre?

JavaScript

Discussions similaires

Partager

Partager