Heim Web-Frontend js-Tutorial Beispielanalyse des Unterschieds zwischen den Javascript-Fähigkeiten „JS-Formularübermittlung' und „Submission Submission_'.

Beispielanalyse des Unterschieds zwischen den Javascript-Fähigkeiten „JS-Formularübermittlung' und „Submission Submission_'.

May 16, 2016 pm 03:26 PM
js js-Formularübermittlung 区别 表单提交

Das Beispiel dieses Artikels analysiert den Unterschied zwischen der Übermittlung von js-Formularen und der Übermittlung von Übermittlungen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script>
function test()
{
  document.getElementById("myform").submit();  
  alert(11);
}
</script>
<form name="myfrom" id="myform" method="get" action="b.php">
<input type="text" name="pwd" value="" />
<input type="submit" name="sub" value="111" />
<input type="button" name="btn" value="btn" onclick="test()" />
</form>
</body>
</html>

Nach dem Login kopieren

Hinweis: Wenn Sie ein Formular über die Get-Methode senden, können Sie die URL nicht verwenden, um den Wert in Aktion zu übergeben. Sie können ihn wie folgt übergeben

Der Unterschied zwischen js-Übermittlung und Submit-Button-Übermittlung:

1. Wenn js ein Formular sendet, wird der Wert der Senden-Schaltfläche nicht in allen Browsern angezeigt (da nicht darauf geklickt wurde)

2. Geben Sie ein und drücken Sie die Eingabetaste, um den Wert der Schaltfläche „Senden“ anzuzeigen, ie6 jedoch nicht

Lösung:

Fügen Sie ein verstecktes Feld hinzu und verwenden Sie es zur Beurteilung. Egal welche Methode zum Senden verwendet wird, es wird einen Wert haben

Binden Sie das Submit-Ereignis an die Submit-Schaltfläche:

Das heißt:

Der Submit-Wert wird einbezogen und der Onsubmit-Status kann nicht erkannt werden, wenn die Übermittlung mit js
erfolgt w3c: Einmal einreichen
ie6: In zwei Schritten einreichen, zuerst js im Formular
einreichen

Lösung:

Wenn es sich bei der Schaltfläche um „Senden“ handelt, verwenden Sie das Ereignis „onsubmit“, um

zu erkennen

Wenn es sich bei der Schaltfläche um eine Schaltfläche handelt, wird das Submit-Ereignis ausgelöst, nachdem die Erkennung bestanden wurde

Achten Sie darauf, nicht js zum Senden des Formulars zu verwenden und verwenden Sie dann onsubmit, um es zu erkennen

Verwenden Sie einfach js, um das Formular zu senden, eine Warnung zu senden, die Übermittlung des Formulars unter ff zu blockieren und andere Browsing-Aktivitäten durchzuführen

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Der Unterschied zwischen H5- und Miniprogramm und Apps Der Unterschied zwischen H5- und Miniprogramm und Apps Apr 06, 2025 am 10:42 AM

H5. Der Hauptunterschied zwischen Mini -Programmen und App ist: Technische Architektur: H5 basiert auf Web -Technologie, und Mini -Programme und Apps sind unabhängige Anwendungen. Erfahrung und Funktionen: H5 ist leicht und einfach zu bedienen, mit begrenzten Funktionen; Mini -Programme sind leicht und haben eine gute Interaktivität. Apps sind leistungsstark und haben reibungslose Erfahrung. Kompatibilität: H5 ist plattformübergreifend, Applets und Apps werden von der Plattform eingeschränkt. Entwicklungskosten: H5 verfügt über niedrige Entwicklungskosten, mittlere Mini -Programme und die höchste App. Anwendbare Szenarien: H5 eignet sich für Informationsanzeigen, Applets eignen sich für leichte Anwendungen und Apps eignen sich für komplexe Funktionen.

So setzen Sie den Kennwortschutz für Exportieren von PDF auf PS So setzen Sie den Kennwortschutz für Exportieren von PDF auf PS Apr 06, 2025 pm 04:45 PM

PDF mit Passwort geschützt in Photoshop exportieren: Öffnen Sie die Bilddatei. Klicken Sie auf "Datei" & gt; "Export" & gt; "Exportieren Sie als PDF". Stellen Sie die Option "Sicherheit" fest und geben Sie dasselbe Passwort zweimal ein. Klicken Sie auf "Exportieren", um eine PDF -Datei zu generieren.

Warum müssen Sie Vue.use (Vuerouter) in der Datei idex.js unter dem Router -Ordner anrufen? Warum müssen Sie Vue.use (Vuerouter) in der Datei idex.js unter dem Router -Ordner anrufen? Apr 05, 2025 pm 01:03 PM

Die Notwendigkeit der Registrierung von Vuerouter in der Datei index.js -Datei im Ordner Router Bei der Entwicklung von VUE -Anwendungen stoßen Sie häufig Probleme mit der Routing -Konfiguration. Besonders...

Wie benutze ich XPath, um von einem bestimmten DOM -Knoten in JavaScript aus zu suchen? Wie benutze ich XPath, um von einem bestimmten DOM -Knoten in JavaScript aus zu suchen? Apr 04, 2025 pm 11:15 PM

Detaillierte Erläuterung der XPath -Suchmethode unter DOM -Knoten in JavaScript, wir müssen häufig bestimmte Knoten aus dem DOM -Baum basierend auf XPath -Ausdrücken finden. Wenn Sie ...

Können Sie lernen, wie man H5 -Seiten selbst herstellt? Können Sie lernen, wie man H5 -Seiten selbst herstellt? Apr 06, 2025 am 06:36 AM

Es ist machbar, die H5-Seitenproduktion selbst zu steuern, aber es ist kein schneller Erfolg. Es erfordert das Beherrschen von HTML, CSS und JavaScript, das Design, Front-End-Entwicklung und Back-End-Interaktionslogik umfasst. Praxis ist der Schlüssel und lernen Sie, indem Sie Tutorials abschließen, Materialien überprüfen und an Open -Source -Projekten teilnehmen. Die Leistungsoptimierung ist ebenfalls wichtig, die eine Optimierung von Bildern erfordern, HTTP -Anforderungen reduzieren und geeignete Frameworks verwenden. Der Weg zur Selbststudie ist lang und erfordert kontinuierliches Lernen und Kommunikation.

So überprüfen Sie das Bootstrap -Datum So überprüfen Sie das Bootstrap -Datum Apr 07, 2025 pm 03:06 PM

Befolgen Sie die folgenden Schritte, um Daten in Bootstrap zu überprüfen: Führen Sie die erforderlichen Skripte und Stile ein. Initialisieren Sie die Datumsauswahlkomponente; Legen Sie das Data-BV-Datatattribut fest, um die Überprüfung zu ermöglichen. Konfigurieren von Überprüfungsregeln (z. B. Datumsformate, Fehlermeldungen usw.); Integrieren Sie das Bootstrap -Verifizierungs -Framework und überprüfen Sie automatisch die Datumseingabe, wenn das Formular eingereicht wird.

Der Prozess der H5 -Seitenproduktion Der Prozess der H5 -Seitenproduktion Apr 06, 2025 am 09:03 AM

H5 -Seitenproduktionsprozess: Design: Plan -Seiten -Layout, Stil und Inhalt; HTML -Strukturkonstruktion: Verwenden Sie HTML -Tags, um ein Seitenrahmen zu erstellen. CSS -Stil Schreiben: Verwenden Sie CSS, um das Aussehen und das Layout der Seite zu steuern. Implementierung von JavaScript -Interaktion: Schreiben Sie Code, um Seitenanimationen und Interaktion zu erreichen. Leistungsoptimierung: Komprimieren Sie Bilder, Code und reduzieren HTTP -Anforderungen zur Verbesserung der Seitenladegeschwindigkeit.

Der Unterschied in den Ausgangsergebnissen der Konsole.log: Warum haben dieselben Variablen unterschiedliche Druckmethoden, aber unterschiedliche Ergebnisse? Der Unterschied in den Ausgangsergebnissen der Konsole.log: Warum haben dieselben Variablen unterschiedliche Druckmethoden, aber unterschiedliche Ergebnisse? Apr 04, 2025 am 11:48 AM

Eingehende Diskussion der Unterschiede in der Konsole.log-Ausgabe in diesem Artikel wird die Gründe analysieren, warum die Ausgabeergebnisse der Konsolenfunktion in einem Code-Stück unterschiedlich sind. Code -Snippets beinhalten URL -Parameterauflösung ...

See all articles