JavaScript Form Validation
HTML-Formular-Validierung kann durch einen JavaScript erfolgen.
Wenn ein Formularfeld (fname) leer ist, alarmiert diese Funktion eine Nachricht, und gibt false zurück, um das Formular zu verhindern, vorgelegt werden:
JavaScript Beispiel
function validateForm() {
var
x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}Die Funktion kann aufgerufen werden, wenn das Formular abgeschickt wird:
HTML-Formular Beispiel
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form> Versuch es selber " HTML-Formular-Validierung
HTML-Formular-Validierung kann durch den Browser automatisch durchgeführt werden:
Wenn ein Formularfeld (fname) leer ist, die required verhindert Attribut dieses Formular aus eingereicht werden:
HTML-Formular Beispiel
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required >
<input type="submit" value="Submit">
</form> Versuch es selber " Automatische HTML-Formularvalidierung funktioniert nicht in Internet Explorer 9 oder früher.
Datenvalidierung
Die Datenvalidierung ist der Prozess, um sicherzustellen, dass Computer-Eingang ist sauber, korrekt und nützlich.
Typische Validierungsaufgaben sind:
- hat die in alle erforderlichen Felder gefüllt Benutzer?
- der Benutzer hat ein gültiges Datum eingegeben?
- der Benutzer Text in einem numerischen Feld eingegeben?
Meistens ist der Zweck der Datenvalidierung korrekte Eingabe in eine Computeranwendung zu gewährleisten.
Die Validierung kann durch viele verschiedene Verfahren und bereitgestellt auf viele verschiedene Arten definiert werden.
Server - seitige Validierung wird von einem Webserver ausgeführt, nach Eingabe wurde an den Server gesendet wurde.
Client - seitige Validierung wird von einem Web - Browser ausgeführt wird , vor der Eingabe in einem Web - Server gesendet wird.
HTML Constraint Validation
HTML5 hat eine neue HTML - Validierungskonzept Beschränkungsvalidierungs genannt.
HTML Beschränkungsvalidierungs basiert auf:
- Constraint Validierung HTML Eingabeattribute
- Constraint Validierung CSS Pseudo - Selektoren
- Constraint Validierung DOM Eigenschaften und Methoden
Constraint Validierung HTML Eingabeattribute
| Attribut | Beschreibung |
|---|---|
| disabled | Gibt an, dass das Eingangselement deaktiviert werden soll |
| max | Gibt den maximalen Wert eines Eingangselement |
| min | Gibt den Minimalwert eines Eingabeelements |
| pattern | Gibt den Wert Muster eines Eingangselementes |
| required | Gibt an, dass das Eingabefeld ein Element erfordert |
| type | Gibt den Typ eines Eingabeelements |
Gehen Sie für eine vollständige Liste, um HTML - Eingabeattribute .
Constraint Validation CSS Pseudo-Selektoren
| Wähler | Beschreibung |
|---|---|
| :disabled | Wählt Eingabeelemente mit dem "disabled" Attribut angegeben |
| :invalid | Wählt Eingabeelemente mit ungültigen Werten |
| :optional | Wählt Eingabeelemente ohne "erforderlich" Attribut angegeben |
| :required | Wählt Eingabeelemente mit dem "erforderlich" Attribut angegeben |
| :valid | Wählt Eingabeelemente mit gültigen Werten |
Für eine vollständige Liste, bekam zu Pseudo - Klassen CSS .