JavaScript formulario de validación
la validación de formularios HTML se puede hacer mediante un JavaScript.
Si un campo de formulario (fname) está vacío, esta función avisa un mensaje y devuelve falso, para evitar que la forma de ser presentado:
Ejemplo JavaScript
function validateForm() {
var
x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}La función puede ser llamada cuando se envía el formulario:
Forma Ejemplo HTML
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form> Inténtalo tú mismo " Validación de formularios HTML
la validación de formularios HTML puede ser realizada automáticamente por el navegador:
Si un campo de formulario (fname) está vacía, el required atributo de esta forma evita que se presenten:
Forma Ejemplo HTML
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required >
<input type="submit" value="Submit">
</form> Inténtalo tú mismo " Validación automática formulario HTML no funciona en Internet Explorer 9 o anterior.
Validación de datos
La validación de datos es el proceso de asegurar que la entrada del ordenador está limpio, correcto, y útil.
tareas de validación típicos son:
- tiene el usuario rellenado todos los campos requeridos?
- ha entrado en el usuario una fecha válida?
- ha entrado el usuario texto en un campo numérico?
Lo más a menudo, el propósito de la validación de datos es garantizar entrada correcta a una aplicación de ordenador.
La validación puede ser definido por muchos métodos diferentes, y desplegado en muchas maneras diferentes.
La validación del lado del servidor se lleva a cabo por un servidor web, después de la entrada se ha enviado al servidor.
Validación del lado del cliente se lleva a cabo por un navegador web, antes de la entrada se envía a un servidor web.
HTML restricción de validación
HTML5 introdujo un nuevo concepto de validación de HTML llamado validación restringida.
validación restringida HTML se basa en:
- Validación de restricción de atributos de entrada HTML
- Restricción de validación de CSS Pseudo Selectores
- Validación restringida Propiedades y métodos del DOM
Los atributos de entrada restricción de validación de HTML
| Atributo | Descripción |
|---|---|
| disabled | Especifica que el elemento de entrada debe ser desactivado |
| max | Especifica el valor máximo de un elemento de entrada |
| min | Especifica el valor mínimo de un elemento de entrada |
| pattern | Especifica el patrón de valor de un elemento de entrada |
| required | Especifica que el campo de entrada requiere un elemento |
| type | Especifica el tipo de un elemento de entrada |
Para una lista completa, vaya a atributos de entrada HTML .
Restricción de validación de CSS Pseudo Selectores
| Selector | Descripción |
|---|---|
| :disabled | Selecciona los elementos de entrada con el atributo "desactivado" especificado |
| :invalid | Selecciona los elementos de entrada con valores no válidos |
| :optional | Selecciona los elementos de entrada sin atributo "requerida" especificado |
| :required | Selecciona los elementos de entrada con el atributo "requerida" especificado |
| :valid | Selecciona los elementos de entrada con valores válidos |
Para una lista completa, llegó a CSS Pseudo clases .