Solved

jQuery Multiple forms validation

Posted on 2012-03-23
2
384 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

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

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

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
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…

730 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