Discussion :

[Athorus]

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]

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]

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]

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]

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]

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;
   }
}

[Seb19]

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]

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