This jQuery plugin makes simple clientside form validation easy
##how to use
bootstrap implementation example
<form id="mainForm" action="#">
<div class="row">
<div class="input-field col s6">
<input type="text" name="name" data-validation="required">
<label for="name">Name</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="text" name="email" data-validation="required email">
<label for="email">Email</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="password" name="pass" id="pass1" data-validation="required min-length" data-validation-length="8">
<label for="pass">Password</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="password" name="pass2" data-validation="required match" matchid="pass1">
<label for="">Repeat password</label>
</div>
</div>
<button id="submit" class="waves-effect waves-light btn">Submit</button>
</form>
$("#submit").on("click",function (e){
e.preventDefault();
$("#mainForm").validate();
});
##features recently added
###success function success function parameter to handle the callback after validation the success function recives as parameter the serialized data
####example:
$("#mainForm").validate({
success:function(data){
console.log(data);
}
});
###callback & validCallback functions
function to customise de validation callbacks, recive as parameters each input
####example
$("#mainForm").validate({
success:function(data){
console.log(data);
},
callback:function(input){
alert("Error: "+input.val()+" wrong parameter");
},
validCallback:function(input){
alert("Dara: "+input.val()+" Acepted");
},
});
###clean function
function to clean al error in form or input
####example
$("#mainForm").validate('clean');