web-dev-qa-db-fra.com

Quelle est la signification de onsubmit = "return false"? (JavaScript, jQuery)

Je sais que l'événement onsubmit se produit lorsqu'un formulaire est soumis.

En règle générale, nous appelons une méthode sur l'événement onsubmit tel que <form action="" onsubmit="myfunction()">

Aujourd'hui, j'ai vu ceci, "<form action="" onsubmit="return false">". Comment ça marche? Je ne pouvais pas comprendre quelle est la signification de onsubmit="return false".

PS: J'ai trouvé ça quand j'apprenais l'Ajax. C'était un tutoriel qui explique comment soumettre des données à une base de données sans actualiser la page.

javascriptjqueryforms
12
Sasa1234

Ceci est essentiellement fait pour gérer manuellement la soumission du formulaire.

Par exemple - à des fins de validation Voir le code ci-dessous et voyez comment il peut être bénéfique:

<SCRIPT LANGUAGE="JavaScript">
myFunctionName() {
    if (document.myForm.myText.value == '')
        return false;
        //when it return false - your form will not submit and will not redirect too
    else
        return true;
     //when it return true- your form will  submit and will  redirect
// (actually its a part of submit) id you have mentioned in action
}
</SCRIPT>

<FORM NAME="myForm" onSubmit="return myFunctionName()">
<INPUT TYPE="TEXT" NAME="myText">
<INPUT TYPE="SUBMIT" VALUE="Click Me">
</FORM>
22
Yo Yo

Si vous utilisez le bouton au lieu de soumettre comme dans mon cas ci-dessous.

 <FORM NAME="myForm" onSubmit="myFunctionName(); return false">
    <INPUT TYPE="TEXT" NAME="myText">
    <INPUT TYPE="button" VALUE="Click Me" onclick="myFunctionName()">
 </FORM>
0
Vikas