How do I pass form elements to a javascript validation function?

Question

I have a form that lists users, and for each user there is a drop down menu (2 choices: waiting, finished) and a comments textbox. The drop down menus are each labeled "status-userid" and the comments textbox is labeled "comments-userid" ... so for user 92, the fields in his row are labeled status-92 and comments-92.

I need to validate the form in the following way: If the value of the status is "finished", I have to make sure that the user entered comments to correspond with that specific drop down menu.

So far, I have:

function validate_form () {
valid = true; 

    /*here's where i need to loop through all form elements */
    if ( document.demerits.status-92.value == "finished" &&   
         document.demerits.comments-92.value == "")
    {
            alert ( "Comments are required!" );
            valid = false;
    }

    return valid;
}

How do I loop through all of the status-userid elements in the form array?! Or is there another way to do this?

AnthonyWJones · Accepted Answer · 2009-08-25 19:43:48Z

2

This should do it in raw Javascript (no framework).

var form = document.demerits;

for (var i = 1; i <= 100; i++)
{
  if (form["status-" + i.toString()].value == "finished" &&
      form["comments-" + i.toString()].value == "")
  {
      // enable visibility of element next to comments indicating validation problem
      valid = false;
  }
}

Using alerts would be bad though.

answered Aug 25, 2009 at 19:43

AnthonyWJones

190k35 gold badges236 silver badges307 bronze badges

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

Comments

Joel · Accepted Answer · 2009-08-25 19:38:49Z

0

You'll need a collection of the dropdowns in your form. This can be acquired by using getElementsByTagName.

var dropdowns = document.demerits.getElementsByTagName("select");

for (var i = 0; i < dropdowns.length; i++)
{
    // You can now reference the individual dropdown with dropdowns[i]
}

answered Aug 25, 2009 at 19:38

Joel

19.4k3 gold badges67 silver badges84 bronze badges

2 Comments

AnthonyWJones Over a year ago

You would need a second array for inputs (which you hopefully are all textboxes). It'll work but its a bit fragile.

Joel Over a year ago

Aye. You're method is better. ;-)

Collectives™ on Stack Overflow

How do I pass form elements to a javascript validation function?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related