Discussion :

[NeHuS]

Salut tout le monde ,

je voudrais comprendre pourquoi lors d'un submit de formulaire lorsque on appelle une fonction js dans le onsubmit il faut ecrire onsubmit="return lafonction();" et non pas juste onsubmit="lafonction();" sinon le formulaire est quand meme envoyé.

( Soit "lafonction" une fonction qui retourne true si tt est ok , false sinon )

Code :

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

1
2
3
4
 
<form method="post" action="une_page.une_extension" name="un_form" onSubmit="return Check_Form();"> // méthode OK
 
<form method="post" action="une_page.une_extension" name="un_form" onSubmit="Check_Form();"> // méthode KO

[Seb19]

Bonjour,

Tout simplement parce que comme sur tous les événements ("onclick","onsubmit"…), le script appelé doit renvoyer un booléen, true ou false. S'il ne renvoie rien, l'événement reçoit true par défaut.
Ce booléen indique si l'événement doit se propager, c'est-à-dire si l'événement par défaut doit s'exécuter.

[NeHuS]

Seb19 je comprends tout a fait ce que tu dis ,

le script appelé doit renvoyer un booléen, true ou false.

mais pourquoi dois je reecrire return ma_fonction dans le onsubmit alors que la fonction renvoie deja true ou false ?

comme je l'ai dis

( Soit "lafonction" une fonction qui retourne true si tt est ok , false sinon )

Code :

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

1
2
3
4
5
6
7
 
function lafonction() {
 
if (ok) return true ; 
else return false ;
 
}

Ce booléen indique si l'événement doit se propager, c'est-à-dire si l'événement par défaut doit s'exécuter.

et bien si ma fonction return false pourquoi ( j'insiste encore ) dois je mettre return lafonction() , et non pas simplement lafonction() dans le onsubmit !

[Seb19]

et bien si ma fonction return false pourquoi ( j'insiste encore ) dois je mettre return lafonction() , et non pas simplement lafonction() dans le onsubmit !

Justement, il faut mettre return dans le onsubmit pour ne pas lancer le formulaire si ta fonction retourne false. Cela peut être un moyen de validation de ton formulaire.

Voila ce que j'ai trouvé en espérant que cela soit plus clair :

Avec return, le booléen renvoyé par la fonction dans le repère d'ouverture <form> est renvoyé au navigateur. Le navigateur connaît les deux valeurs true et false. En relation avec onSubmit=, il réagit de telle façon qu'il n'envoie le formulaire que si la valeur est true. Si la valeur est false, l'envoi du formulaire est empêché.

[NeHuS]

Je te remercie Seb de ta reponse , je mets resolu mais je trouve ça etrange qu'il faut mettre deux return ( dans des langages genre c je n'en mettrais qu'un )

Merci