Get new jQuery plugins just once a week

×

Valida

FavoriteLoadingAdd to favorites

March 21, 2016

Valida | jQuery Plugin for client side easy form validations.

Valis is a jQuery Plugin for simple to implement client side easy form validations.

Created by Rogério Taques

Download

Example

Valida jQuery plugin

client side validation

Valida (jQuery)

Latest Version

Valida is a jQuery plugin which provides an easy, fast and lightweight way to make form validations on client-side. Moreover, it's source-code (minified) has about 12Kb.

Live Demo

Details

Validating a form on client-side, using Javascript, can be (at least for me is) a very boring and slower task!

So, looking for a way to make it easier and faster, I wrote this small, light, but very flexible plugin to do the hard and boring job, providing a very smart way to validate web forms!

Since your are using Valida, you can expect:

How to use it ?

Import the "valida.js" on the HEAD of your page:

<script type="text/javascript" src="valida.js" ></script>

Set what kind of fields are required and has filters:

<input type="text" ... required="true" /> <!-- required or -->
<input type="text" ... filter="email" /> <!-- filter */ or -->
<input type="text" ... required="true" filter="email" /> <!-- both -->

Then, you just need call it:

<script type="text/javascript" src="valida.js" ></script>
<script type="text/javascript" >
    jQuery(document).ready(function(){
       $('your-form').valida();
    });
</script>

Done!

What'll happen ?

When you submit your form (as you usually may do), Valida'll get in action and make the analysis of your form, putting messages (error/warnings) when it's necessary and stopping the form submit for mistakes corrections, moreover, some other nice stuff.


Well, that's it! Easy, don't you?

If you have any suggestion, critics or just wanna say hello, feel free to mail me or leave a comments here.

Happy coding! =)

Valida

Related posts:

AutoSuggest
tagging-js
dropify
Valida jQuery plugin

http://jquer.in/wp-content/uploads/2016/03/Valida.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever