• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 390
  • Last Modified:

jQuery Multiple forms validation

I'm using a jQuery forms validation code I found online to validate 2 different forms on the same page.  1 form is a registration form, the other is a login form, in case they've already registered.

When the forms are submitted, if they pass validation, they go to this function:

$.validator.setDefaults({
	submitHandler: function() { 
		
			alert("submitted!");	
	}
});

Open in new window


The trick is, I want to run ajax to process the results, so I need to know what form was submitted, but I'm not sure how to do that.

The first form's id is "registerForm"  and the second form's id is "loginForm"

The validation looks like this:
$("#loginForm").validate({
		rules: {
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			email: "Please enter a valid email address"
		}
		
	});

Open in new window


The registration form's validation is similar, with more fields.  

If I submit either form, and they pass the validation, I get the "submitted!" alert.

Any ideas on how I tell which one was submitted?
0
slightlyoff
Asked:
slightlyoff
1 Solution
 
Michel PlungjanIT ExpertCommented:
$(".selector").validate({
   submitHandler: function(form) {
     alert(form.attr("id"));
     $(form).ajaxSubmit(); // not sure about the $() here since I think that is any form on the page
   }
})

http://docs.jquery.com/Plugins/Validation/validate
0
 
slightlyoffAuthor Commented:
Thank you for your help!  I had to step away from this project, and forgot to award points.
I appreciate your response, and the link was especially useful.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now