Intercepter l'événement onsubmit

**vincent68** · 08/08/2007, 17h21

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 :

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
<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

**E.Bzz** · 08/08/2007, 17h39

Bonjour,

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
<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+

**vincent68** · 08/08/2007, 17h43

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 ?

**vincent68** · 08/08/2007, 17h46

Ca y est, j'ai trouvé

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
<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

**E.Bzz** · 08/08/2007, 17h51

Envoyé par vincent68

Comment faire pour bloquer cet envoi ?

Encore plus simple

Code :

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

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+

Intercepter l'événement onsubmit

JavaScript

Discussions similaires

Partager

Partager