Solved

jQuery Multiple forms validation

Posted on 2012-03-23
2
383 Views
Last Modified: 2012-04-10
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
Comment
Question by:slightlyoff
2 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 37760214
$(".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
 
LVL 1

Author Comment

by:slightlyoff
ID: 37828215
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: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

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.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jQuery force form POST 7 44
on window close, not beforeunload 6 17
AJAX, If No returns don't let the AJAX Call run again 2 20
Visual Studio npm 1 10
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question