2016-01-27 15 views
8

Ich weiß, dass das onsubmit-Ereignis auftritt, wenn ein Formular gesendet wird. Im AllgemeinenWas bedeutet die Bedeutung von onsubmit = "return false"? (JavaScript, jQuery)

, was wir tun, sind wir eine Methode auf onsubmit Ereignis Aufruf wie <form action="" onsubmit="myfunction()">

Heute sah ich diese, "<form action="" onsubmit="return false">". Wie es funktioniert? Ich konnte nicht verstehen, was onsubmit="return false" bedeutet.

PS: Ich fand das, wenn ich Ajax lerne. Es war ein Tutorial, das erklärt, wie Daten an die Datenbank gesendet werden, ohne die Seite zu aktualisieren.

+2

'return false' löscht die Standard-Submit-Aktion (stoppt die Übergabe des Formulars). – Satpal

+0

Es bedeutet "nichts tun". Geben Sie den Kontrollfluss zurück. – Rayon

+0

Es bedeutet, dass nichts zu übermitteln. – RK12

Antwort

16

Dies ist im Wesentlichen getan, um die Formularübergabe manuell zu behandeln.

Zum Beispiel - zur Validierung Zweck Code unten sehen und sehen, wie es von Vorteil sein kann:

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

Bitte erklären Sie mir, was passiert, wenn es wahr ist? Was passiert, wenn es falsch zurückgegeben wird? – Sasa1234

+1

@ Sasa1234 Ich habe den obigen Code bearbeitet und ich habe es im Kommentar erklärt. "Wenn es" false zurückgibt "- Ihr Formular wird nicht übergeben und wird auch nicht umleiten und wenn es" zurückgibt "- Ihr Formular wird einreichen und wird umleiten (tatsächlich ist es ein Teil von übermitteln) ID, die Sie in Aktion" –

0

Wenn Sie Taste verwenden, anstatt wie in meinem Fall unterhalb von einreichen.

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

Format erwähnt haben Deine Antwort – Billa

Verwandte Themen