Intercepter l'événement onsubmit

Version imprimable

Bonjour,
Soit un formulaire classique avec un button submit.
Je voudrais lorsqu'on clique dessus, qu'une fonction de son choix soit appelée.
Voila le code.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html><head><title>Test</title></head> <script language="JavaScript" type="text/javascript"> var condition_verifiee = false; function testSubmit(id_formulaire) { if (condition_verifiee) document.getElementById(id_formulaire).submit(); else alert("votre formulaire n'a pas été envoyé"); } document.getElementById('formu').onsubmit = function(){testSubmit('formu');} </script> <body> <form id="formu"> <input type="text" /> <input type="submit" /> </form> </body></html>
Comment faire pour que ce code marche (à savoir afficher une alerte) sans que le code HTML soit changé (uniquement le javascript) ?

Merci

Bonjour,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html><head><title>Test</title></head>
<script language="JavaScript" type="text/javascript">
  var condition_verifiee = false;

  function testSubmit(id_formulaire)
  {
    if (condition_verifiee)
      document.getElementById(id_formulaire).submit();
    else alert("votre formulaire n'a pas été envoyé");
  }
</script>
<body onload="document.getElementById('formu').onsubmit = function(){testSubmit('formu');}">
  <form id="formu">
    <input type="text" />
    <input type="submit" />
  </form>
</body></html>

Tel que tu l'avais fait, "formu" n'existait pas au moment de l'exécution du code.
Avec onload, tu es sûr que les éléments de la page sont déjà chargés ...

A+

08/08/2007, 17h43
vincent68

ok...
Ca marche presque, il y a bien l'alerte, sauf que le formulaire est quand même envoyé.
Comment faire pour bloquer cet envoi ?

Ca y est, j'ai trouvé

Code:

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>Test</title></head>
<script language="JavaScript" type="text/javascript">
  var condition_verifiee = false;
 
  function testSubmit(id_formulaire)
  {
    if (condition_verifiee)
      document.getElementById(id_formulaire).submit();
    else
    { 
      alert("votre formulaire n'a pas été envoyé"); 
      return false; 
    }
    return true;
  }
</script>
<body onload="document.getElementById('formu').onsubmit = function(){return testSubmit('formu');}">
  <form id="formu">
    <input type="text" />
    <input type="submit" />
  </form>
</body></html>

Merci

Citation:

Envoyé par vincent68

Comment faire pour bloquer cet envoi ?

Encore plus simple
Code:

1 2 3 4 5 6 7 8 9 10 function testSubmit(id_formulaire) { if (condition_verifiee) return true; else { alert("votre formulaire n'a pas été envoyé"); return false; } }
;)

EDIT : c'est le principe de fonctionnement du onsubmit : s'il renvoie true => submit automatique, sinon => submit annulé ...

A+