Lier un formulaire avec un script

Version imprimable

Salut à tous,
je débute en JS, je suis pas trop mauvais en Java, mais ça ne m'aide pas du tout pour résoudre mon soucis :
Je souhaite faire tout simplement un champs de texte dans lequel on entre un nom, et lorsque l'on clique sur le bouton, une popup s'affiche en disant "bonjour %nom%"

voici mon code (dois-je préciser qu'il ne fonctionne pas ?)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <HTML> <HEAD> <TITLE>Hello en JAVASCRIPT</TITLE> </HEAD> <BODY> <h3>Hello</h3> <FORM Action="" Method="POST" Entype="text/plain" Name="form1"> <br> <h3> Nom : </h3> <input name="nom" size="30"/> <input type="button" name="validation" value="Valider" onclick="valide()"/> </FORM> <SCRIPT language="JavaScript"> valide() { alert(form1.nom); } </SCRIPT> </BODY> </HTML>
Et deuxième petite question : comment faire pour placer la partie SCRIPT dans un fichier action.js ?

Merci beaucoup

09/11/2008, 18h57
guigui5931

Tu n'en est pas loin. Voici 2 articles de la FAQ qui devrait te donner les clés qu'il te manque
http://javascript.developpez.com/faq...hamps#valTexte
http://javascript.developpez.com/faq/?page=syntaxe#js

Merci pour ta réponse (et désolé de ne pas avoir bien lu les FAQ)
Mais je n'ai toujours pas le popoup malgrès le changement de la partie script :

Code:

1
2
3
4
5
6
	<SCRIPT type="text/javascript">
		valide()
		{
			alert(form1.getElementById("nom").value);
		}
	</SCRIPT>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
HTML>
<HEAD>
<TITLE>Hello en JAVASCRIPT</TITLE>
</HEAD>
 
<BODY>
<h3>Hello</h3>
	<FORM Action="" Method="POST" Entype="text/plain" Name="form1">
		<br> <h3> Nom : </h3>
		<input name="nom" size="30" />
		<input type="button" name="validation" value="Valider" onclick="valide()" />
	</FORM>
 
	<SCRIPT type="text/javascript">
		valide()
		{
			alert(form1.getElementById(nom).value);
		}
	</SCRIPT>
 
</BODY>
</HTML>

09/11/2008, 19h46
guigui5931
document est un mot clé qu'il faut garder. Normalement ceci devrait fonctionner
Code:

1 2 3 4 5 function valide() { alert(document.getElementById("nom").value); }
avec
Code:

1 2 <input id="nom" name="nom" size="30" />
09/11/2008, 19h48
quentin06

Super merci beaucoup
Et désolé pour la question un peu bébête mais je comprenais pas...
:yaisse2: