event.preventDefault(); ne fonctionne pas !

**Shuret** · 08/12/2010, 16h14

Je veux vérifier le contenu d'un formulaire avant de l'envoyer. J'utilise jQuery.

Voici le handler du submit :

Code :

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

1
2
3
4
5
$(document).ready(function() {			
	$('#wal_form').submit(function(event) {
		  checkForm(event);
	});
});

Voici un bout du checkForm :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
checkForm = function(event) {
	event.preventDefault();
 
	// On génère une erreur pour tester
	if (true) {
		showErrorMessage("error_key_1");
		return false;
	}
 
	// Si tout est ok, on soumet le formulaire
	//TODO
};

J'ai ajouté le return false dans le doute. Impossible de le faire fonctionner : le formulaire est posté à tous les coups ! J'ai essayé en mettant le preventDefault directement dans .submit du form, j'ai essayé en ajoutant un event.stopPropagation(); rien n'y fait ! Je n'ai pas d'erreur JS dans mon code et j'utilise Firefox 3.6.

Pourquoi ça ne fonctionne pas ?

Merci pour votre aide !

**franculo_caoulene** · 08/12/2010, 17h23

Salut,

Je n'obtiens pas d'erreur avec ton 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
26
27
28
29
30
31
32
33
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>exemple preventDefault</title>
</head>
<body>
  <form id="f">
    <input type="submit" id="b" value="submit" />
  </form>
 
  <script src="../libraries/jquery/jquery.js"></script>
  <script>
  checkForm = function(event) {
    event.preventDefault();
 
    // On génère une erreur pour tester
    if (true) {
      alert('error_key_1');
      //return false;
    }
  };
 
  $(document).ready(function() {
 
 
    $('#f').submit(function(event) {
        checkForm(event);
    });
  });
  </script>
</body>
</html>

**Shuret** · 09/12/2010, 09h29

Effectivement ce code fonctionne !

J'ai enfin trouvé ! J'avais une image avec un onclick pour envoyer le formulaire :

Code :

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

<input type="image" id="submit_button" src="images/wal_btn_paynow_en.gif" alt="Pay now" onclick="this.form.submit();" />

Ouf !

event.preventDefault(); ne fonctionne pas !

JavaScript

Discussions similaires

Partager

Partager