Simple Fast Form Validation Plugin jqueryValidate

A simple, easy, fast jQuery plugin that adds client-side form validation functionality to existing form fields. Currently supports validating required, email, match and minlengh form inputs. Compatible with any CSS frameworks.

How to use it:

1. Download and include the jqueryValidate.js script after you’ve included jQuery library.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="js/jqueryValidate.js"></script>

2. Add validation rules to your existing form fields using data-validation attribute as follows:

<input type="text" name="name" data-validation="required">
<input type="text" name="email" data-validation="required email">
<input type="password" name="pass" id="pass1" data-validation="required min-length" data-validation-length="8">
<input type="password" name="pass2" data-validation="required match" matchid="pass1">

3. Active the form validation plugin.

$("#form").validate();

4. Callback functions.

 $("#form").validate({
  callback:function (input){},
  validCallback:function (input){},
  successEnable:false,
  success:function (data){}
});

5. Customize the error messages.

en:{
  required:"Required field.",
  email:"Invalid Email address.",
  match:"Fields do not match.",
  minlength:"Requires at least %s caracteres."
}

 

Demo     Download

Simple Fast Form Validation Plugin jqueryValidate

| jQuery Form Validation, jQuery Plugins, Slider | 0 Comments
About The Author
-