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

Lösung für Ubuntu, das keine Verbindung zum Internet herstellen kann

Problembeschreibung: Ich habe einen Desktop-Compu...

So aktualisieren Sie die Knotenversion unter CentOs manuell

1. Suchen Sie das entsprechende NodeJS-Paket unte...

Detaillierte Erläuterung der Nginx-Prozessverwaltungs- und Neuladeprinzipien

Prozessstrukturdiagramm Nginx ist eine Multiproze...

Einige grundlegende Anweisungen für Docker

Inhaltsverzeichnis Einige grundlegende Anweisunge...

Vue implementiert horizontal abgeschrägtes Balkendiagramm

In diesem Artikel wird der spezifische Code von V...

Zusammenfassung wichtiger MySQL-Protokolldateien

Autor: Ding Yi Quelle: https://chengxuzhixin.com/...

Gängige Angriffe auf Web-Frontends und Möglichkeiten, sie zu verhindern

Die Sicherheitsprobleme, die bei der Frontend-Ent...

So schreiben Sie eleganten JS-Code

Inhaltsverzeichnis Variable Verwenden Sie aussage...

Einfaches Beispiel für die Verschönerung von HTML-Kontrollkästchen und -Radios

Einfaches Beispiel für die Verschönerung von HTML...

Detaillierte Erklärung der MySQL InnoDB-Indexerweiterung

Indexerweiterung: InnoDB erweitert automatisch je...

MySQL-Lösung zur Datenpaging-Abfrageoptimierung auf Millionenebene

Wenn die Tabelle Zehntausende Datensätze enthält,...

Implementierung der MySQL-Datensortierung (aufsteigend und absteigend)

Datensortierung aufsteigend, absteigend 1. Sortie...