jquery select specific input on form

Question

I have this website currently and giving me problems because I am running two forms on the website, and jquery is getting confused about the validation because its just finding the INPUT, and since there is two forms it's getting an error because the input is blank in the other form...

How do I select a specific input in jquery instead of the universal input?

// Email Form
    required = ["fullName" , "emailAddress"];
    email = $("#emailAddress");
    errornotice = $("#error");
    emptyerror = "Required field.";
    emailerror = "Enter a valid e-mail.";

    $("#theformemail").submit(function(){   
        //Validate required fields
        for (i=0;i<required.length;i++) {
            var input = $('#'+required[i]);
            if ((input.val() == "") || (input.val() == emptyerror)) {
                input.addClass("needsfilled");
                input.val(emptyerror);
            } else {
                input.removeClass("needsfilled");
            }
        }
        // Validate the e-mail.
        if (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email.val())) {
            email.addClass("needsfilled");
            email.val(emailerror);
        }

        //if any inputs on the page have the class 'needsfilled' the form will not submit
        if ($(":input").hasClass("needsfilled")) {
            return false;
        } else {
            $("#newOne").show().delay(2000);
            errornotice.hide();
            return true;
        }
    });

??????? Here is also the actual testing page of the website.

http://www.trento110.com/site/index.php

If you click on - private events there is one form.. then if you click on "send to phone on the botton.. there is the other form, and notice the conflict.

Thanks in advance.

Add a class to the inputs on either form..then select with $("input.formClass") — tymeJV
– tymeJV, Commented Aug 13, 2013 at 14:40
I tried that, but what about this section of the code? var input = $('#'+required[i]);... i get an error if I write it like var $("input.formClass") — MuhuPower
– MuhuPower, Commented Aug 13, 2013 at 14:43
It sounds a bit confusing. Do those two forms share the same ID? When you're validating one form, is the other one present at this same page? I ask this, because there's no way another form, in another page (which is not loaded) would be validated at the same time. — emerson.marini
– emerson.marini, Commented Aug 13, 2013 at 14:44
Yes, it is on the same page in a modal... they have different id's... — MuhuPower
– MuhuPower, Commented Aug 13, 2013 at 14:47
So the answer posted by @Neo should do the trick, if you remember to change the jQuery selector, which is pointing to a specific form ID. — emerson.marini
– emerson.marini, Commented Aug 13, 2013 at 14:49

Lab · Accepted Answer · 2013-08-13 14:45:41Z

2

please try this

$("#theformemail").submit(function(){   
        //Validate required fields
        for (i=0;i<required.length;i++) {
            var input = $('#'+required[i]); 

//change this line with

            var input =$(this).find('#'+required[i]);

answered Aug 13, 2013 at 14:45

Lab

1,0638 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery select specific input on form

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related