JavaScript Formular de validare
HTML forma de validare se poate face printr-un JavaScript.
Dacă un câmp de formular (fname) este gol, această funcție alerte un mesaj și returnează false, pentru a preveni forma de a fi depuse:
Exemplu JavaScript
function validateForm() {
var
x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}Funcția poate fi apelată atunci când se prezintă sub forma:
Formular HTML Exemplu
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form> Încearcă - l singur » Formular HTML de validare
Validarea formular HTML poate fi realizată în mod automat de către browser:
Dacă un câmp de formular (fname) este gol, required atributul împiedică această formă de a fi depuse:
Formular HTML Exemplu
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required >
<input type="submit" value="Submit">
</form> Încearcă - l singur » Validarea automată formular HTML nu funcționează în Internet Explorer 9 sau mai devreme.
Data validarii
Validarea datelor este procesul de a asigura că computerul de intrare este curat, corect și util.
sarcinile de validare tipice sunt:
- are utilizatorul completat toate câmpurile obligatorii?
- a utilizatorului introdus o dată validă?
- a utilizatorului introdus un text într-un câmp numeric?
Cel mai adesea, în scopul validării datelor este de a asigura introducerea corectă a unei aplicații informatice.
Validarea poate fi definită prin mai multe metode diferite, și desfășurat în mai multe moduri diferite.
Validarea pe partea de server este efectuată de către un server web, după intrare a fost trimis la server.
Validarea pe partea de client este realizată printr - un browser web, înainte de intrare este trimis la un server de web.
HTML Constrângere de validare
HTML5 a introdus un nou concept de validare HTML numit validare constrângere.
validare HTML constrângere se bazează pe:
- Validare Constrângerea atributele HTML de intrare
- Constrângerea de validare CSS Pseudo Căutători
- Constrângerea de validare DOM Proprietăți și metode
Atribute de intrare Constrângere de validare HTML
| Atribut | Descriere |
|---|---|
| disabled | Specifică faptul că elementul de intrare ar trebui să fie dezactivat |
| max | Specifică valoarea maximă a unui element de intrare |
| min | Specifică valoarea minimă a unui element de intrare |
| pattern | Specifică modelul valorii unui element de intrare |
| required | Specifică faptul că câmpul de introducere necesită un element |
| type | Specifică tipul unui element de intrare |
Pentru o listă completă, du - te la atribute HTML de intrare .
Constrângeri de validare CSS Pseudo Căutători
| Selector | Descriere |
|---|---|
| :disabled | Selectează elementele de intrare cu "disabled" atributul specificat |
| :invalid | Selectează elementele de intrare cu valori incorecte |
| :optional | Selectează elementele de intrare cu nici o "required" atributul specificat |
| :required | Selectează elementele de intrare cu "required" atributul specificat |
| :valid | Selectează elementele de intrare cu valori valide |
Pentru o listă completă, trebuie să CSS Pseudo Clase .