comment récupérer le contenu d'un input ?

Version imprimable

Salut !
voici d'abord mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
<script type="text/javascript">
function bienvenu(nom)
{
document.write('Bienvenu '+nom);
}
</script>
 <form method="get">
 <label> Entrer votre prénom</label>&nbsp; &nbsp;<input type="text" name="nom"/>&nbsp;&nbsp;<input type="button" name="valisation" value="valider" onClick="bienvenu(nom)"/>
 </form>
</body>
</html>

Je veux que la fonction bienvenu m'affiche le prénom qui sera saisi dans le input name="nom", mais je sais pas comment faire, merci de m'aider svp

02/11/2012, 16h27
NoSmoking
Bonjour,
poses toi la question de ce que représente nom dans l'appel de la fonction, un indice un élément HTML, parce que les navigateurs sont sympa.

Dans ta fonction bienvenu, évites le document.write qui effacera le contenu de la page pour le remplacer par le paramètre passé à cette méthode.

Pour récupérer la valeur d'un champ INPUT on récupères sa value.

Pour récupérer la référence à un élément on utilise la méthode getElmentById(), donc il faut mettre une ID à l'élément.

Code:

<input type="text" id="nom" name="nom">

La fonction javascript pourrait ressembler à cela.
Code:

1 2 3 4 5 function bienvenu( nom){ var oElem = document.getElementById( nom); var valeur = oElem.value; alert( valeur); }
Attention dans ce cas nom est de type String, et doit donc être passée entre quote.

Code:

<input type="button" name="valisation" value="valider" onClick="bienvenu('nom')">
04/11/2012, 17h17
sekaijin

il faut mettre un id sur ton input
la norme ne garantie pas que lorsque l'id n'est pas renseigné le nom peut être utilisé à la place.

en fait tu peux avoir deux input de même nom dans la page mais tu ne dois pas avoir deux élément de même id

A+JYT