JQuery ajax / validation question.

[FALCONSEYE]

I am trying to use jquery validation and ajax at the same time. The validation part implements jquery.validate.js. I have the following code.

<script>
$().ready(function(){

$("#emailReg").validate({
		rules: { 
					email: {
						required: true,
						email: true
					},
					agree: "required"
			},
		messages: {
					email: "<span style='color:red;'>Please enter a valid email address</span>"	,
					agree: "<span style='color:red;'>Please accept our policy</span>"
			}
		});
	
	$('#submit').click(function () { 
	
		var email = $('input[name=email]');
		var data = 'email=' + email.val();
		$.ajax({
					type:"GET",
					url:"act_Vote.cfm",
					data:data,
					success: function(html) {
						if(html == 1) {
							$("#result").html("success");
						} else {
							$("#result").html("Error");
						}
					}
				});
		return false;	

	});		
	
	
});

</script>

The validation never runs. I tried putting the validation after $('#submit').click(function (), that didn't work either. Any help will be appreciated.
thanks in advance

http://www.fuzzysiberians.com

 

[FALCONSEYE]

validate() has a function called
submitHandler:

When I put my ajax call here, it worked just fine.
Problem solved. thanks

http://www.fuzzysiberians.com

 

[IPGuru]

Just a reminder
even if validation is working client side always revalidate serverside!

 

[FALCONSEYE]

true that.

http://www.fuzzysiberians.com