JavaScript Form Validation
validazione dei form HTML può essere fatto da un JavaScript.
Se un campo di modulo (fname) è vuota, questa funzione avvisa di un messaggio, e restituisce false, per evitare che il modulo venga inviato:
Esempio JavaScript
function validateForm() {
var
x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}La funzione può essere richiamata quando il modulo viene inviato:
Modulo HTML Esempio
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form> Prova tu stesso " HTML Form Validation
validazione dei form HTML può essere eseguita automaticamente dal browser:
Se un campo di modulo (fname) è vuoto, la required di attributo impedisce questo modulo da essere presentati:
Modulo HTML Esempio
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required >
<input type="submit" value="Submit">
</form> Prova tu stesso " Automatico la validazione dei form HTML non funziona in Internet Explorer 9 o versioni precedenti.
Convalida dei dati
La convalida dei dati è il processo di garantire che ingresso del computer è pulito, corretto e utile.
compiti di validazione tipici sono:
- ha l'utente compilato tutti i campi richiesti?
- è l'utente inserito una data valida?
- è l'utente immesso testo in un campo numerico?
Più spesso, lo scopo della convalida dei dati è di assicurare input per un'applicazione informatica.
La validazione può essere definita da molti metodi differenti, e implementato in molti modi diversi.
La validazione lato server viene eseguita da un server web, dopo che l'ingresso è stato inviato al server.
Validazione lato client viene eseguita da un browser web, prima di ingresso viene inviato a un server web.
HTML vincolo di convalida
HTML5 ha introdotto un nuovo concetto di validazione HTML chiamato convalida vincolo.
convalida vincolo HTML è basata su:
- Validazione vincolo attributi di input HTML
- Vincolo di validazione CSS Pseudo selettori
- Convalida vincolo proprietà DOM e metodi
Gli attributi di ingresso vincolo di convalida HTML
| Attributo | Descrizione |
|---|---|
| disabled | Specifica che l'elemento di input deve essere disattivata |
| max | Specifica il valore massimo di un elemento di input |
| min | Specifica il valore minimo di un elemento di input |
| pattern | Specifica il modello di valore di un elemento di input |
| required | Specifica che il campo di input richiede un elemento |
| type | Specifica il tipo di un elemento di input |
Per un elenco completo, andare in HTML Attributi di ingresso .
Vincoli di convalida CSS Pseudo selettori
| Selettore | Descrizione |
|---|---|
| :disabled | Seleziona elementi di input con l'attributo "disabile" specificato |
| :invalid | Seleziona gli elementi di ingresso con valori non validi |
| :optional | Seleziona elementi di input senza l'attributo "obbligatorio" specificato |
| :required | Seleziona elementi di input con l'attributo "obbligatorio" specificato |
| :valid | Seleziona elementi di input con valori validi |
Per un elenco completo, avuto modo di Css classi Pseudo .