Simplest Js Validator

Installation

Manually

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

Using NPM

	npm install --save simplest-js-validator

How to use

For use name or data attributes see configuration below

HTML

<input id="username"></input>
<div id="usernameErrors" hidden></div>

<!-- Using VueJs -->
<div v-if="hasError('username')">
	<small v-for="e in errors.username">{{ e }}</small>
</div>

** JS **

let userValidator = {
	username: 'required, email',
	birthday: 'required, regex:^\\d{2}\\/\\d{2}\\/\\d{4}$',
}

let validator = new Validator();
validator.validate(userValidator).then((validation) => {
	if (validation.isValid) {
		// Do something...
	} else {
		validation.errors.forEach((e) => {
			let small = document.createElement('small').text = e;
			document.querySelect('#'+ e + 'Error').append(small);
			document.querySelect('#'+ e + 'Error').removeAttr('hidden');
		})
		
		// ON VueJS
		data {
			errors: []
		}
		...
		methods: {
			hasError(field) {
				return Object.keys(this.errors).indexOf(field) > -1
			}
		}
	}
}).catch((e) => {
	// Ops! Error, verify identifiers
	console.log(e)
})

---

Configurations

	let validator = new Validator({
		findBy: 'name'
		invalid: '%s is invalid',
        missing: '%s is required'
	})

Available Validators

Rule	Description
alpha	For letters and spaces /^[ a-z]+$/i
email	For email
regex	For custom regex
required	Avoid empty field

Here some regex for we place by default on this validator, thansk for nerdsrescueme

Considerations

Thank you, and please do not judge! Give suggestions and help, I will be grateful for your contribution. As soon as I have more time I'll improve this little validator and create as a VueJs component or plugin.