[frickettz]

Hi all,

I have 2 separate forms that I would like to execute the same function on, but only on one of them when the form is submitted.

The function will manipulate the input field of only the form which was submitted.

Here's what I'm working with now:

Form Code:

<form method="post" id="newsletter_signup_footer" onsubmit="newsletterSubmit(newsletter_signup_footer);">
                                <input id="addNewsletterFooter" name="email_newsletter" type="text" value="TYPE YOUR EMAIL HERE" value="TYPE" onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if (this.value=='') this.value = this.defaultValue" class="newsletter_bottom_field" /><input type="image" src="images/sign_up.png" id="submit" name="submit" value"Submit" class="submit" />
</form>

And the jQuery function I want to run onsubmit:

            $(document).ready(function(){ 

                //This is the ajax code for submitting the Newsletter Forms.
                jQuery.fn.newsletterSubmit = function(newsletterForm){  

                    $.ajax({  
                        type: "POST",  
                        url: "newsletter.ajax.php",  
                        data: $("#" + newsletterForm).serialize(),  
                        dataType: "json",  
              
                        success: function(msg){  
                            $("#" +newsletterForm+ " [name='" + msg.inputName +"']").removeClass('error');  
                            $("#" +newsletterForm+ " [name='" + msg.inputName +"']").removeClass('success');  
                            $("#" +newsletterForm+ " [name='" + msg.inputName +"']").addClass(msg.status);  
                            $("#" +newsletterForm+ " [name='" + msg.inputName +"']").val(msg.message);  
              
                        },  
                        error: function(){  
                            $("#" +newsletterForm+ " [name='" + msg.inputName +"']").removeClass('success');  
                            $("#" +newsletterForm+ " [name='" + msg.inputName +"']").addClass('error');  
                            $("#" +newsletterForm+ " [name='" + msg.inputName +"']").val("There was an error, please try again.");  
                        }  
                    });  
              
                    //make sure the form doesn't post  
                    return false;  
              
                }; 
          
            });

So in the form I have onsubmit="newsletterSubmit(newsletter_signup_footer);" Which I want to run the function on submit. And I'm passing the ID of the form to that function I'm calling.

When I hit submit on that form I get an error message though: Uncaught ReferenceError: newsletterSubmit is not defined

Any idea what I'm doing wrong??