JAVAScript/HTML : récupération de la valeur d'un champ

**lediz** · 25/11/2009, 13h20

Bonjour,
j'aimerais récupérer la valeur d'un champ
pour pouvoir la passer en paramètre à la fin d'une URL ...
Comment faire ?
NB : J'ai essayé en ASP/javascript, mais tj sans succès

Dans le code ci-dessous j'essaye simplement de la faire passer dans ma procédure "maj()" au moment du "onchange" de mon champ,
mais déjà cela, ça ne fonctionne pas

voici mon code

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript">
function maj() 
{
	document.write("fonction MAJ");
	document.write("id_user=" + document.getElementByMame('Utilisateur').value);
}
</script> 
</head>
<body>
  <form method="POST" action="verifpw.asp" name="FRM1">
	    <b>Utilisateur  :</b><input type="text"     name="Utilisateur" onchange="maj()"></font>
	    <b>Mot de passe :</b><input type="password" name="MotdePasse">
	    <input type="submit" value="Valider" name="Valider">
     	    <a href="http://localhost:8080/PRJTOMCAT5/GenerateRapportMAIL?USER="????>Recevoir son mot de passe par Email</a>
  </form>	
</body>

NB : Les ???? de mon URL dans le HREF seront pas la suite à remplacer par la valeur de mon champ (UTILISATEUR)...

**kernelfailure** · 25/11/2009, 13h31

C'est normal 'byMame' ça existe pas

**Bovino** · 25/11/2009, 13h32

Salut.

Code :

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

document.getElementByMame('Utilisateur')

???

**lediz** · 25/11/2009, 13h46

J'ai donc modifié mon code
- ...ByName...
- et un "onchange" à la place du "onclick"
j'avais aussi oublié le "k" à la fin du "onclick"
ça passe bien dans ma fonction javascript
Mais maintenant avec l'alerte que j'affiche ci dessous : j'ai une "erreur sur la page"...mais je ne vois pas ou ? ni pourquoi ...

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
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
<script type="text/javascript">
function verif()
{
alert(document.getElementByname('Utilisateur'));
}
</script> 
  <form method="POST" action="verifpw.asp" name="FRM1">
	    <b>Utilisateur  :</b><input type="text"     name="Utilisateur" onchange="verif();"></font>
	    <b>Mot de passe :</b><input type="password" name="MotdePasse">
	    <input type="submit" value="Valider" name="Valider">
     	    <a href="http://localhost:8080/PRJTOMCAT5/GenerateRapportMAIL?USER="<%=my_user%> >Recevoir son mot de passe par Email</a>
  </form>	
</body>

NB : Il y a peut-être une solution plus simple pour arriver au résultat final ...

**Bovino** · 25/11/2009, 13h57

getElementByname n'existe pas plus

C'est getElementsByName avec un s (car est sensé renvoyer une collection) et une majuscule (JavaScript est sensible à la casse)...

Il y a peut-être une solution plus simple pour arriver au résultat final

Oui, autant passer la valeur en paramètre :

Code html :

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

<input type="text" name="Utilisateur" onchange="verif(this.value);">

Code :

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

1
2
3
function verif(utilisateur){
    alert(utilisateur);
}

**lediz** · 25/11/2009, 14h02

Merci,impec

J'aimerais maintenant ajouter le contenu de cette variable à la fin de mon URL à la place de mes "????"
Pour qu'au clic , il en tienne compte...

Comment faire ?

**kernelfailure** · 25/11/2009, 17h24

De la même manière que tu as lu "value" mais cette fois avec "href" (ou en utilisant getAttribute()).
Et tu utilise la méthode replace().

**lediz** · 26/11/2009, 10h41

Voilà,
j'ai trouvé une solution qui fonctionne

(voir code ci-dessous)
REM : avec du javascript et une variable globale...
CODE dans le <HEAD>

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
 
<head>
...
<script type="text/javascript">
var t;
function InitUser(p_utilisateur)
{
    t =p_utilisateur;
}
function PageMail() 
{
    self.location.href="http://mon_url?USER="+t;
}
</script> 
...
</head>

CODE dans le <BODY>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<body>
...
<form method="POST" action="verifpw.asp" name="FRM1">
<b>Utilisateur  :</b><input type="text"     name="Utilisateur" onchange="InitUser(this.value);" ></font>
<b>Mot de passe :</b><input type="password" name="MotdePasse">
<input type="submit" value="Valider" name="Valider">
<a style="CURSOR:pointer" a href=# onClick='PageMail()' ;>Recevoir son mot de passe par Email</a>
</form>	
...
</body>

Merci à tous pour votre aide.
Bonne Journée

JAVAScript/HTML : récupération de la valeur d'un champ

JavaScript

Discussions similaires

Partager

Partager