Beispiel für Formularaktion und „onSubmit“

Beispiel für Formularaktion und „onSubmit“
Erstens: Aktion ist ein Attribut des Formulars. HTML5 hat es als erforderlichen Attributwert definiert. onSubmit ist ein Ereignis und beim Senden über <input type="submit" /> wird eine Funktionsüberprüfung durchgeführt. .

Zweitens: Was die Reihenfolge der Ausführung betrifft, so ist mein persönliches Verständnis, dass zuerst onSubmit und dann die Überprüfung kommt. Wenn die Überprüfung false zurückgibt, kann die Adresse action="url" nicht erreicht werden. Wenn es „true“ zurückgibt oder kein Rückgabewert angegeben wird, wird es übergeben und zur URL-Adresse weitergeleitet.

Code kopieren
Der Code lautet wie folgt:

Funktion check(){
var oText = document.getElementById("in").value;
Alarm(oText);
wenn(oText == "false"){
gibt false zurück;
}
anders {
gibt true zurück;}
}</span>


Code kopieren
Der Code lautet wie folgt:

<span style="font-size:14px"> <form action="table1.html" onSubmit="return check();">
<div><input type="text" id="in" /><input type="submit" value="Senden" /></div>
</form></span>

onSubmit="return Fun();" Die Rückgabe muss hier geschrieben werden, sollte sie nicht geschrieben werden? Sie können versuchen, nicht zu schreiben! ! !

Kurz gesagt: „onSubmit“ dient zur Verifizierung und „action“ ist die Linkadresse nach dem Sprung.

<<:  Detaillierte Einführung in die JavaScript-Funktion

>>:  So erstellen Sie einen SSH-Dienst basierend auf einem Golang-Image in Docker

Artikel empfehlen

Praktisches Beispiel für verschachtelte Routen im vue.js Router

Inhaltsverzeichnis Vorwort Einrichten mit Vue CLI...

Tutorial zum Erstellen eines CA-Zertifikats unter Linux Centos8

Installieren der erforderlichen Dateien Yum insta...

Details zu den Überwachungseigenschaften der Uhr in Vue

Inhaltsverzeichnis 1.watch überwacht Änderungen i...

Webdesign muss auch zunächst eine umfassende Bildpositionierung der Website haben

⑴ Der Inhalt bestimmt die Form. Reichern Sie zuers...

Vue implementiert Benutzeranmeldung und Token-Verifizierung

Im Falle einer vollständigen Trennung von Front-E...

Detaillierte Erläuterung der Kapselung von JavaScript-Animationsfunktionen

Inhaltsverzeichnis 1. Prinzip der Animationsfunkt...

Tiefgreifendes Verständnis mathematischer Ausdrücke in CSS calc()

Der mathematische Ausdruck calc() ist eine Funkti...

Idea stellt Remote-Docker bereit und konfiguriert die Datei

1. Ändern Sie die Docker-Konfigurationsdatei des ...

So zeigen Sie die Zeitzone in MySQL an und ändern sie

Heute habe ich festgestellt, dass ein Programm ei...

Detaillierte Erläuterung der MERGE-Speicher-Engine von MySQL

Die MERGE-Speicher-Engine behandelt eine Gruppe v...

So berechnen Sie den Wert von ken_len im MySQL-Abfrageplan

Die Bedeutung von key_len In MySQL können Sie „ex...

Zusammenfassung des Wissens über MySql-Speicher-Engines und Indizes

Speicher-Engine Was ist eine Datenbank-Speicher-E...