epicagency / bubo

🦉 HTML form validation made simple

🦉 Bubo

Form validation made simple (wip)

Installation

npm i -S bubo

Usage

import Bubo from 'bubo';

const form = document.querySelector('.my-form');
const buboForm = new Bubo(form);

buboForm.validate();

How it works

Bubo form validation is (mainly) based on HTML5 form markup:

• supported attributes are: required, min, max, minlength, maxlength, pattern
• supported types are: date, email, number, tel, url

Errors handling

---

Documentation

constructor

new Bubo(HTMLFormElement)

Returns a Bubo instance

methods

.validate()

Validate the form. You can access status, text and errors properties…

.reset()

Useful when the form content change. Re-initialize Bubo's validation rules.

.destroy()

Self-explained method…

properties

.errors

Type: Object

inputNameAttribute: [arrayOfErrors]

.status

Type: String

success or error

.text

Type: String

"status text" aka global message for success/error