--- title: Form Validation localeTitle: Validación de formularios --- ## Validación de formularios La validación de formularios normalmente solía ocurrir en el servidor, después de que el cliente ingresó todos los datos necesarios y luego presionó el botón Enviar. Si los datos ingresado por un cliente era incorrecto o simplemente faltaba, el servidor tendría que enviar todos los datos al cliente y solicitar que el formulario fuera reenviado con la información correcta. Este fue realmente un proceso largo que solía suponer una gran carga para el servidor. JavaScript proporciona una forma de validar los datos del formulario en la computadora del cliente antes de enviarlo al servidor web. La validación de formularios generalmente realiza dos funciones: ### Validacion basica En primer lugar, se debe verificar el formulario para asegurarse de que se completen todos los campos obligatorios. Requerirá solo un bucle a través de cada campo en el formulario y comprobar si hay datos. ### Validación del formato de datos En segundo lugar, los datos que se ingresan deben verificarse para determinar la forma y el valor correctos. Su código debe incluir la lógica apropiada para probar la exactitud de los datos. #### Ejemplo: ```html Form Validation
Name
EMail
Zip Code
Country
``` #### Salida Mirador [aquí](https://liveweave.com/LP9eOP) ### Validación básica de formularios Primero veamos cómo hacer una validación de forma básica. En el formulario anterior, estamos llamando validate () para validar los datos cuando se está produciendo el evento onsubmit. los El siguiente código muestra la implementación de esta función `validate()` . ```html ``` #### Salida Mirador [aquí](https://liveweave.com/pCPTnP) ### Validación del formato de datos Ahora veremos cómo podemos validar nuestros datos de formulario ingresados ​​antes de enviarlos al servidor web. El siguiente ejemplo muestra cómo validar una dirección de correo electrónico ingresada. Una dirección de correo electrónico debe contener al menos un signo '@' y un punto (.). Además, el '@' debe no debe ser el primer carácter de la dirección de correo electrónico, y el último punto debe ser al menos un carácter después del signo '@'. #### Ejemplo: ```html ``` #### Salida Mirador [aquí](https://liveweave.com/nznVs6) ### Restricciones de formulario HTML5 Algunas de las restricciones de HTML5 comúnmente utilizadas para `` son el atributo de `type` (por ejemplo, `type="password"` ), `maxlength` , `required` y `disabled` . Una menos La restricción comúnmente utilizada es el `pattern` que toma la expresión regular de JavaScript. ### Bibliotecas de Validación Ejemplos de bibliotecas de validación incluyen: * [Validar.js](http://rickharrison.github.com/validate.js/) * [Validación](http://bassistance.de/jquery-plugins/jquery-plugin-validation/) * [Valido8](http://unwrongest.com/projects/valid8/) ### Más información * [Formulario de validación de datos | MDN](https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation) * [Validación de restricciones | MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation) * [Tutorialspoint](https://www.tutorialspoint.com/javascript/javascript_form_validations.htm)