Heim > Artikel > Web-Frontend > Verarbeitung von JavaScript-Notizformularen

Verarbeitung von JavaScript-Notizformularen

高洛峰Original: 2016-11-26 09:53:301013Durchsuche

Wenn Sie Informationen von Benutzern einer Website sammeln müssen, müssen Sie ein Formular verwenden.
Formulare können die gängigsten Elemente der grafischen Benutzeroberfläche enthalten, darunter Eingabefelder, Optionsfelder, Kontrollkästchen, Popup-Menüs und Eingabelisten. Darüber hinaus können HTML-Formulare Passwortfelder enthalten, die die Eingaben des Benutzers vor neugierigen Blicken verbergen.
Nachdem Sie das Formular ausgefüllt haben, klicken Sie im Menü auf die Schaltfläche „Senden“, um die Formularinformationen an den Webserver zu senden. Auf dem Server wird das CGI-Programm (Common Gateway Interface, ein auf dem Webserver ausgeführtes Skript) interpretiert und die Daten bedienen. Die Daten werden dann häufig zur späteren Verwendung in einer Datenbank gespeichert. Bevor Sie die Daten serverseitig verwenden, müssen Sie sicherstellen, dass die vom Benutzer eingegebenen Daten in einem korrekten (richtigen) Format vorliegen.
JavaScript ist eine großartige Möglichkeit, Daten zu überprüfen. Diese Technik wird als Formularvalidierung bezeichnet. Während die Überprüfung mit CGI erfolgen kann (und als Vorsichtsmaßnahme durchgeführt werden sollte, da einige Benutzer JavaScript in ihren Browsern deaktivieren), ist die Überprüfung mit JavaScript auf dem Client-Computer viel schneller und effizienter für den Benutzer.
Eine Zusammenfassung des Formulars:
Holen Sie sich das Formular
[javascript]
var form=document.forms["form1"]; 🎜>

Formularobjektereignis
onsubmit wird ausgelöst, bevor das Formular gesendet wird
onreset wird ausgelöst, bevor das Formular zurückgesetzt wird
Referenzformularelement
[javascript]
var element=tForm.elements[ idex] ;
var element=tForm.elements[elementName]; . length;i++){
//
}

Allgemeine Eigenschaften von Formularfeldern
1) Erstellen Sie ein schreibgeschütztes (nicht verfügbares) Formularfeld
element.disabled=true;
element.disabled=false;
2) Holen Sie sich den Wert des Formularfelds
Wert
Allgemeine Methoden des Formularfelds
1) Das Formularfeld erhält den Fokus: focus()
2) Das Formularfeld verliert den Fokus: Blur()

Häufige Ereignisse von Formularfeldern
onFocus: Dieses Ereignis wird generiert, wenn der Fokus erreicht wird
onBlur: Dieses Ereignis wird generiert, wenn der Fokus erreicht wird verloren
onselect: Der Text wird hervorgehoben. Nach (Auswahl) wird die Datei generiert
onchange: wenn sich der Wert des Formularfelds ändert
onclick: Tastaturklick
onkeydown: Tastatur gedrückt
onkeyup : Tastatur losgelassen
onkeypress: Tastatur gedrückt Loslassen nach unten
onmouseover:Maus hoch
onmouseout:Maus raus
onmousedown:Maus runter
onmouseup:Maus hoch
Textfelder, Kontrollkästchen, Radio Schaltflächen, Dropdown-Listen, Rahmen, Formularvalidierung usw.
Menü dynamisch ändern
Oft ist es notwendig, Benutzern Eingabemöglichkeiten über Popup-Menüs zu bieten, und es besteht die Hoffnung, dass der Inhalt eines oder mehrerer Popup-Menüs basierend auf der Auswahl des Benutzers geändert wird Ein weiteres Popup-Menü wird verwendet, um den Monat auszuwählen. Das heißt, das zweite Popup-Menü wird basierend auf der Anzahl der Tage im ausgewählten Monat gefüllt:
[html]

Dynamische Menüs " src="script.js">