JavaScript Form Validation
Walidacja formularza HTML mogą być wykonywane przez JavaScript.
Jeśli pole formularza (fname) jest pusta, funkcja ta informuje komunikat i zwraca false, aby zapobiec formę przed składać:
Przykład JavaScript
function validateForm() {
var
x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}Funkcja ta może być wywołana, gdy formularz jest składany:
Formularz HTML Przykład
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form> Spróbuj sam " Walidacja formularza HTML
Walidacja formularza HTML mogą być wykonywane automatycznie przez przeglądarkę:
Jeśli pole formularza (fname) jest pusta, required atrybut zapobiega tego formularza z poddaniem:
Formularz HTML Przykład
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required >
<input type="submit" value="Submit">
</form> Spróbuj sam " Automatyczna walidacja formularza HTML nie działa w Internet Explorer 9 lub wcześniej.
Walidacji danych
walidacji danych jest procesem zapewnienia, że wejście Komputer jest czysty, prawidłowe i użyteczne.
Typowe zadania walidacji są następujące:
- oferuje użytkownikowi wypełnione wszystkie wymagane pola?
- został użytkownik wprowadził poprawną datę?
- został wprowadzony przez użytkownika tekstu w polu numerycznym?
Najczęściej celem walidacji danych jest zapewnienie odpowiedniego wejścia do aplikacji komputerowej.
Poprawności może być zdefiniowany przez wiele różnych sposobów, i rozmieszczone na wiele różnych sposobów.
Walidacja po stronie serwera jest wykonywany przez serwer WWW, po wejście zostało wysłane do serwera.
Walidacja po stronie klienta odbywa się za pomocą przeglądarki internetowej, przed wejście jest wysyłane do serwera WWW.
Ograniczenie Walidacja HTML
HTML5 wprowadzono nową koncepcję walidacji HTML o nazwie ograniczenie walidacji.
HTML ograniczenie walidacja opiera się na:
- Ograniczenie sprawdzania poprawności atrybutów HTML wejściowe
- Ograniczenie CSS walidacja Pseudo Selektory
- Walidacja ograniczenie DOM właściwości i metody
Atrybuty wejściowe Ograniczenie Walidacja HTML
| Atrybut | Opis |
|---|---|
| disabled | Określa, że element wejściowy powinien być wyłączony |
| max | Określa się maksymalną wartość elementu wejściowego |
| min | Określa minimalną wartość elementu wejściowego |
| pattern | Określa wzór wartości elementu wejściowego |
| required | Określa, że pole wprowadzania wymaga elementu |
| type | Określa typ elementu wejściowego |
Aby uzyskać pełną listę, przejdź do atrybutów HTML wejściowe .
Ograniczające Validation CSS Pseudo Selektory
| Selektor | Opis |
|---|---|
| :disabled | Wybiera elementy napędowe z "niepełnosprawnego" atrybutu określonego |
| :invalid | Wybór elementów wejściowych z nieprawidłowymi wartościami |
| :optional | Wybiera elementy napędowe bez "niezbędne" atrybutu określonego |
| :required | Wybiera elementy napędowe z "niezbędne" atrybutu określonego |
| :valid | Wybór elementów wejściowych z prawidłowymi wartościami |
Aby uzyskać pełną listę, dostał się do CSS pseudo klas .