Easy HTML Form Validator
This documentation is being completed...
Laravel-inspired validation for HTML forms:
"><form> <input data-rules="bail|required|number|between:1,10" /> form>
Easily chain validation rules with |.
Installation
$ npm i easy-html-form-validator
Usage:
HTML:
<form id="my-form">
<input data-rules="bail|required|number|between:1,10" />
form>
JavaScript:
import Validator from 'easy-html-form-validator';
new Validator('#my-form');
Available Validation Rules:
required
Whether an input is filled or not.
"><input data-rules="required" />
min:number
The minimum value for this input must be number.
<input data-rules="min:5" />
Here the user can't enter numbers below 5:
email
The input value must be an email
"><input data-rules="email" />
between:min,max
The input value must be a number between min and max.
<input data-rules="between:1,10" />
Here only numbers between 1 and 10 are accepted.
number
The input value must be a valid number.
"><input data-rules="number" />
Here only numbers like 1 or 10.5 are accepted.
int
The input value must be a valid integer.
"><input data-rules="integer" />
Here only numbers like 1 or 2 are accepted.
integer
The same as int.
bail
If a set of rules contains bail rule, the validation for the input will be stopped as soon as a rule fails, and then other rules will not be processed.
<form>
<input data-rules="bail|required|number|between:1,10">
form
In this example, at first required rule will be processed and if it fails, other rules will not be processed.
To-do
- More validation rules
- Styling
- Custom configuration
- Localization
- Test
License
MIT
314 Dec 26, 2022
0 Jan 3, 2022
12k Jan 4, 2023
1.7k Dec 21, 2022
1.2k Dec 21, 2022
948 Dec 31, 2022
31 Nov 25, 2022
3 Feb 24, 2022
25 Jul 20, 2022
65 Dec 29, 2022
8 Jul 25, 2022
2 Sep 2, 2022
16 Dec 15, 2022
27 Nov 6, 2022
37 Dec 6, 2022
976 Dec 30, 2022
2.6k Dec 15, 2022
279 Nov 1, 2022
2.8k Mar 29, 2021