Form Validation And Ajax submission using Jquery Validation

Jquery has a validation plugin which requires “rules:” and “messages:”.

Rules are the validation case that you want to check on an input field.

And, Messages are the response to those input field which violates the rules.

Jquery validation uses name instead of id for validation.

$("#form_id").validate({
rules:{
	name:"required",
	email:{email: true,required: true},
	mobile:{required : true,minlength:10},

},

messages: {
	name:"Please fill name",
	email:{email:"Enter Valid Email!",
		required:"Enter Email!"
		},
	mobile:{minlength:"Please enter Valid Mobile No.",
		required:"Please enter Mobile No."
		},
},

submitHandler: function(form){
$.ajax({
	url: form.action,
	type: form.method,
	data: $(form).serialize(),
	success: function(response) {
		$('#answers').html(response);
	}            
      });		
}
});