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

Zusammenfassung der Methoden zur Verbesserung der MySQL-Anzahl

Ich glaube, dass viele Programmierer mit MySQL ve...

So testen Sie die maximale Anzahl von TCP-Verbindungen in Linux

Vorwort Es besteht ein Missverständnis bezüglich ...

Einige Probleme, die bei der Installation von MySQL auftreten können

Frage 1: Wenn Sie während der Installation „net s...

Ein kurzes Verständnis der relevanten Sperren in MySQL

Dieser Artikel soll Ihnen vor allem dabei helfen,...

Toolkit: Ein leistungsfähigeres Front-End-Framework als Bootstrap

Hinweis: Die derzeit beliebtesten Front-End-Frame...

Mehrere gängige Methoden für CSS-Layouts mit gleicher Höhe

Gleichhohes Layout Bezieht sich auf das Layout vo...

Fassen Sie den User-Agent beliebter Browser zusammen

1. Grundkenntnisse: HTTP-Header-Benutzeragent Use...

Docker führt einen Befehl in einem Container außerhalb des Containers aus

Manchmal möchten wir einen Befehl in einem Contai...

So importieren Sie SQL-Dateien in Navicat Premium

Ich habe heute mit der Arbeit an meinem Abschluss...

Eine ausführliche Einführung in React-Referenzen

1. Was ist Refs wird in Computern als Resilient F...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.20 (Win10)

In diesem Artikel wird die Installations- und Kon...

So erzielen Sie mit CSS einen Daten-Hotspot-Effekt

Die Wirkung ist wie folgt: analysieren 1. Hier se...

Details zur Verwendung des JSON-Typs in MySQL 5.7

JSON ist ein leichtes Datenaustauschformat, das e...