Validacion Formularios HTML5
Páginas: 2 (267 palabras)
Publicado: 24 de julio de 2015
Validación de formularios en
HTML5
La validación de formularios del lado del cliente ha
sido un problema que siempre se ha solucionado con
la utlizaciónde Javascript, ya sea con código propio
o de terceros. Esto es debido a que en el pasado era
impensable tener una solución conHTML puro, pero
con la llegada del conjunto deespecificaciones y
tecnologías que componen el actual HTML5, ahora
esto es posible.
El atributo «required»
Al incluir el atributo required dentro de un
elemento ,automátcamente se hace
obligatorio su llenado y al ser un atributo tpo
booleano, solo se requiere su presencia sin más.
El atributo «title»
En el momento en que seencuentra un error de
validación se ejecuta la acción por defecto del
navegador, normalmente aparece un pequeño globo
emergente (tooltip) conteniendo un texto deadvertencia. Añadiendo el atributo title en la
etqueta , se puede extender la información
mostrada.
Tipos «input»
La etqueta input nos permite definir un tpoespecífico de datos para que sean solicitados según
nuestras exigencias, por ejemplo un tpo email en la
etqueta , el navegador por si mismo hace la
validación del tpoen cuestón.
Es lo mismo con el resto de los tpos
de : search, url, tel, email, password, date
pickers, number, checkbox, radio y file.
La pseudo clase:invalid de CSS3
Básicamente la pseudo clase: invalid representa
cualquier campo invalido que sea resultado de una
validación (valga la redundancia). Esto facilita que si
uncampo contene un valor inválido pueda adoptar
una apariencia acorde, de esta forma ayudando al
usuario a identficar los campos que necesitan ser
verificados.
HTML5
La validación de formularios del lado del cliente ha
sido un problema que siempre se ha solucionado con
la utlizaciónde Javascript, ya sea con código propio
o de terceros. Esto es debido a que en el pasado era
impensable tener una solución conHTML puro, pero
con la llegada del conjunto deespecificaciones y
tecnologías que componen el actual HTML5, ahora
esto es posible.
El atributo «required»
Al incluir el atributo required dentro de un
elemento ,automátcamente se hace
obligatorio su llenado y al ser un atributo tpo
booleano, solo se requiere su presencia sin más.
El atributo «title»
En el momento en que seencuentra un error de
validación se ejecuta la acción por defecto del
navegador, normalmente aparece un pequeño globo
emergente (tooltip) conteniendo un texto deadvertencia. Añadiendo el atributo title en la
etqueta , se puede extender la información
mostrada.
Tipos «input»
La etqueta input nos permite definir un tpoespecífico de datos para que sean solicitados según
nuestras exigencias, por ejemplo un tpo email en la
etqueta , el navegador por si mismo hace la
validación del tpoen cuestón.
Es lo mismo con el resto de los tpos
de : search, url, tel, email, password, date
pickers, number, checkbox, radio y file.
La pseudo clase:invalid de CSS3
Básicamente la pseudo clase: invalid representa
cualquier campo invalido que sea resultado de una
validación (valga la redundancia). Esto facilita que si
uncampo contene un valor inválido pueda adoptar
una apariencia acorde, de esta forma ayudando al
usuario a identficar los campos que necesitan ser
verificados.
Leer documento completo
Regístrate para leer el documento completo.