Validador de formularios HTML5 personalizado: validaciones nativas
| Autor: | asimism |
|---|---|
| Views Total: | 1,055 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 1, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
las validaciones nativas es una biblioteca de JavaScript para mejorar y reemplazar la validación de formularios HTML5 nativos con estilos personalizados y mensajes de error.
Funcionamiento
Descargue e importe la biblioteca de validaciones nativas en el documento.
<script src="form-validation.js"></script>
Agregue un mensaje de error personalizado a los campos de formulario utilizando los siguientes datos atributos:
<input type="email" data-require-error="Email is required" data-pattern-error="Invalid email format" required> <select multiple data-require-error="Select atleast 1 option from the list" required> <option value="">Please select atleast one option</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <option value="D">D</option> <option value="E">E</option> <option value="F">F</option> </select> ...
Inicializar la biblioteca para validar el formulario en el tipo o enviar.
document.getElementById('myForm').validateForm();
