README
ValyJS
Intuitive frontend form validation, using the HTML5 standard attributes + custom attributes for extended validation options.
Install
$ npm install --save valy
Usage
ES6:
const Valy = require('valy');
new Valy(document.querySelector('#myForm'));
ES3:
First include the library in your html:
<script type="text/javascript" src="valy.min.js"></script>
new Valy(document.querySelector('#myForm'));
In the HTML:
<form action="?" method="post" id="myForm">
...
</form>
API
Validation rules
To define validation rules, you can use either the HTML5 standard attributes (required
, pattern
or type="email"
), or custom validation rules attribute: data-valy-rules
.
For the custom validation rules attribute, you must use the specified syntaxis:
data-valy-rules="rule1(option1, option2); rule2(option1, option2);"
You can have as many rules as you need, you can also have duplicated rules, with different options (very useful for the pattern rule).
All form element rules:
required
<input type="text" required>
<input type="text" data-valy-rules="required">
Makes the field required.
Field form element type:
pattern
<input type="text" pattern="^[a-Z]