Lier un formulaire avec un script

**quentin06** · 09/11/2008, 18h52

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 :

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

**guigui5931** · 09/11/2008, 18h57

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

**quentin06** · 09/11/2008, 19h07

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 :

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

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

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

**guigui5931** · 09/11/2008, 19h46

document est un mot clé qu'il faut garder. Normalement ceci devrait fonctionner

Code :

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

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

avec

Code :

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

1
2
 
<input id="nom" name="nom" size="30" />

**quentin06** · 09/11/2008, 19h48

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

Lier un formulaire avec un script

JavaScript

Discussions similaires

Partager

Partager