Este documento describe diferentes métodos para validar formularios web, incluyendo atributos HTML como "pattern" para validar campos de entrada con expresiones regulares, y el uso de JavaScript y jQuery para realizar validaciones del lado del cliente y mejorar la experiencia del usuario al completar formularios.

1. APLICACIÓN DE TECNOLOGIAS WEB
PARA EL DESARROLLO DE SISTEMAS
Santo Domingo- Ecuador
AUTORES:
FELIX ERICK
SANTOS ROGER
JARAMILLO ANGELICA
VALIDACIÓN DE FORMULARIOS

2. El lenguaje html dispone de
directivas que permiten crear
formularios, estos son un conjunto
de objetos dinámicos que
posibilitan al lector interactuar con
el documento descrito en base a
HTMLa. Estos objetos son:
● Caja de texto
● Contraseñas
● Campos ocultos
● Casillas de verificación
● Botones de selección
● Botones
● Áreas de textos.

3. HTML 5
Todos los elementos <input> pueden ser validados usando el
atributo pattern. Este atributo espera como valor una Expresión
Regular.

4. MENSAJES DE ERROR
La manera en que estos mensajes
son mostrados depende del
navegador y tienen dos
inconvenientes:
● No hay manera estándar de
cambiar su apariencia con CSS.
● Dependen de la localización del
navegador, lo que significa que
puedes tener una página en un
lenguaje específico, pero el
mensaje de error se puede en otro
lenguaje.

5. JAVA SCRIPT
También es posible incluir código directamente en el documento entre
los elementos <scripts> </scripts>.
La principal utilidad de JavaScript en el manejo de los formularios es la
validación de los datos introducidos por los usuarios

6. VENTAJAS DE LAS VALIDACIONES DEL LADO DEL
CLIENTE
● Se disminuye el tráfico de la red, ya que los errores
no significan la transmision de informacion a traves
de la misma.
● al poder validar campo a campo el usuario puede
ver la consecuencia de sus acciones
instantáneamente y la validación hace más agil
● la validación puede tener en cuenta el entorno del
cliente.

7. MÉTODOS DE LA API DE VALIDACIÓN
checkValidity/() Devuelve true si el valor del elemento no tiene problemas de validación, de
lo contrario, devuelve false. si el elemento es inválido, este método
invocará a un evento invalid en el elemento.
setCustomValidity(message) Añade un mensaje de error personalizado al elemento, si estableces un mensaje de
error personalizado, el elemento es considerado inválido, y se despliega el error
especificado. esto te permite usar código de JavaScripts para establecer otras
fallas de validación más allá de las ofrecidas por el estándar. el mensaje será
mostrado al usuario cuando se reporta el problema.

8. EJEMPLO

9. VALIDACION CON JQUERY
El método .validate(), al detectar que
el usuario pulsó el botón submit
levantara todas las etiquetas y
revisará las reglas de los campos de
formularios que son los valores de
las clases, y si todos los campos son
correctos enviará el formulario.