Biblioteca JavaScript de validación de formularios básica-dakrajs

Vista prévia

Descripción

dakrajs es una biblioteca de JavaScript pura que se utiliza para validar los campos de formulario con mensajes de error personalizados en enviar. Admite los campos obligatorios, direcciones de correo electrónico, números de teléfono, contraseñas y mucho más. Muy simple y fácil de implementar.

Funcionamiento

Sólo tiene que descargar e incluir la biblioteca dakrajs en la página HTML y estamos listos para ir.

<script src="dakra-validator.js"></script>

Agregue reglas de validación a los campos de formulario utilizando atributos nativos como se indica a continuación:

<input type="text" placeholder="first name" id="first-name"
name="first-name" required>
<input type="email" id="email" name="email" placeholder="[email protected]" required>
<input type="number" id="phone" name="phone" min-length="10" max-length="10" required></input>
<input type="checkbox" name="hobby" value="game" required min="2"> Play game

Imprima mensajes de error sobre el formulario al enviar.

function printError(errors){

var html = "";

for(var i = 0; i < errors.length; i++){


html += "<li>" + errors[i][0] + ": " + errors[i][1] + "</li>";

}


document.getElementById('error-list').innerHTML = html;

dakra.removeClass(document.querySelector('.error'), 'hidden');
}
var form = document.getElementById('basic-form');
form.addEventListener('submit', function(event){

var errors = dakra.validate('#basic-form');

if(errors.length > 0){


printError(errors);


event.preventDefault();

}
});