Very primitive and simple HTML form validator. It simply adds a class to the input, when the input fails (.invalid) or succeeds (.valid) the tests.
npm i form-validator-js
HTML
<form id="my-form" action="">
<input name="my-input" type="text">
<button type="submit">Submit</button>
</form>
JavaScript
const FormValidator = require('form-validator');
(function () {
const myValidator = new FormValidator.FormValidator({
'form': 'my-form', //ID of the form
'rules': {
'my-input': 'required|integer|min:8' //Name of the input and the rules
}
});
})();
Adding custom validators is fairly simple, just add the function to the Rules object. The first argument of you function will always be the value of the input. The second one you will have to set yourelf, please note that this is the only parameter you can supply at this time.
const FormValidator = require('form-validator');
FormValidator.Rules.myRule = function(value, parameter){
// Do whatever you want
return true;
}
(function () {
const myValidator = new FormValidator.FormValidator({
'form': 'my-form',
'rules': {
'my-input': 'myRule:10'
}
});
})();
required //Checks if the input has any content
min //Checks if value is greater than the specified minimum
numeric //Checks if value is a number
integer //Checks if value is an integer