Biblioteca de validación de formularios HTML5 personalizada-OK. js

Vista prévia

Descripción

OK. js es una biblioteca de validación de formularios JavaScript ligera que facilita la creación de reglas de validación personalizadas y mensajes de error para formar campos.

¿Cómo funciona?

Incluya la biblioteca ' OK. js ' en la página web y ya está listo para ir.

<script src="ok.js"></script>

Agregue nombres de validador personalizados a los campos de formulario utilizando el atributo ' Data-OK ' como se indica a continuación:

<form class="form">

<div>


<label for="inputNameFirst">First Name (only "Dave" allowed)</label>


<input type="text" id="inputNameFirst" placeholder="Enter First Name" required data-ok="nameFirst">

</div>

<div>


<label for="inputNameLast">Last Name</label>


<input type="text" id="inputNameLast" placeholder="Enter Last Name" required>

</div>

<div>


<label for="inputMail">Email address (only ".de" allowed)</label>


<input type="email" id="inputMail" placeholder="Enter email" required data-ok="emailDe">

</div>

<input type="submit">
</form>

Cree un nuevo objeto OK y defina sus propias reglas de validación & mensajes de error:

Ok({

el: ".form",

validators: {


nameFirst: {



msg: "only 'Dave' allowed",



fn: val => {





return val.toLowerCase() === "dave";



}


},


emailDe: {



msg: "Please input your .de email",



fn: val => {





return val.endsWith(".de");



}


}

}
});

Registro de cambios

v3.4.0 (07/06/2018)

• feat: se agregó compatibilidad para exploradores heredados que no admiten la API de validación

v3.3.2 (06/24/2018)

• Actualizado