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

Invité · 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

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>

Invité · 17/02/2011, 12h01

Merci beaucoup les gars,

Cela fonction maintenant

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

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

jQuery

Discussions similaires

Partager

Partager