Skip to content

ivanhuay/jqueryValidate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

jqueryValidate

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');

About

This jQuery plugin makes simple clientside form validation easy

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages