test alert sur soumission de form [Débutant(e)] [Résolu]

lion24 · 17/02/2011, 10h14

Quelqu'un pourrait-il me dire ce qu'il ce passe?
Je suis débutant avec jQuery et j'ai quelques difficulté.

Bon pour tester je veux faire un coucou lorsque je soumets le formulaire.
Mais voilà il ne rentre pas dans la fonction et rien ne se passe

Voilà le 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
21
22
23
24
25
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html, charset=iso-8859-1" />
<script src="http://code.jquery.com/jquery-1.5.js"></script>
 
<script>
	$("#formcom").submit(function(){
		alert("coucou");
 
	});
 
 
</script>
 
</head>
<body>
 
 
 
<form method="post" action="" id="formcom">
Nom : <input type="text"><br />
<input type="submit" value="Envoyer" id="sent">
</body>
</html>

baggie · 17/02/2011, 10h30

Mets ton code entre :

Code :

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

1
2
3
4
 
$(function() {
// Code ici
});

SpaceFrog · 17/02/2011, 10h37

L'explication ...

en mettant juste ce code en début de page, il est executé dans l'ordre du flux donc avant que l'objet en id ne soit créé.
Il faut donc en différer l'exécution après la création de tous les objets DOM de ta page
ce qui se fait avec jquery avec le document ready

Code :

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

jQuery(document).ready(...)

ou encore

Code :

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

1
2
 
$(document).ready( ... )

donc le raccourci est

Code :

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

$( ...)

comme le montre baggie

Loceka · 17/02/2011, 11h11

Citation:

Envoyé par lion24

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>
<meta http-equiv="Content-Type" content="text/html, charset=iso-8859-1" />
<script src="http://code.jquery.com/jquery-1.5.js"></script>
 
<script>
	$("#formcom").submit(function(){
		alert("coucou");
 
	});
 
 
</script>
 
</head>
<body>
 
 
 
<form method="post" action="" id="formcom">
Nom : <input type="text"><br />
<input type="submit" value="Envoyer" id="sent">
</body>
</html>

Accessoirement il faut que ton code déclare le javascript comme ça :

Code :

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

1
2
3
<script type="text/javascript">
// Ton script
</script>

lion24 · 17/02/2011, 12h01

Merci beaucoup les gars,

Cela fonction maintenant

Comment j'ai pu perdre du temps sur un truc aussi stupide

17/02/2011, 12h01	#5
lion24 Invité de passage Lionel Inscription : février 2011 Messages : 8 Détails du profil Informations personnelles : Nom : Lionel Informations forums : Inscription : février 2011 Messages : 8 Points : 1 Points : 1	Merci beaucoup les gars, Cela fonction maintenant Comment j'ai pu perdre du temps sur un truc aussi stupide
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email