event.preventDefault(); ne fonctionne pas !

Version imprimable

:salut:

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

Voici le handler du submit :
Code:

1 2 3 4 5 $(document).ready(function() { $('#wal_form').submit(function(event) { checkForm(event); }); });
Voici un bout du checkForm :
Code:

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 !

Salut,

Je n'obtiens pas d'erreur avec ton code :

Code:

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>

09/12/2010, 09h29
Shuret

Effectivement ce code fonctionne !

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

Code:

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

Ouf !