Count textarea and input using Javascript

Question

I am using the following code to count the number of required input (textboxes) on an HTML5 form, which works fine.

var inputTags = document.getElementsByTagName('input');
reqinputCount = 0;
for (var i=0, length = inputTags.length; i<length; i++) {
    if (inputTags[i].validity.valid == false ) {
        reqinputCount++;
    }
}

Now my problem is that I also have a textarea on the form and want to include that as well. Can you please help me out. Thanking in advance.

How do you determine whether or not a tag is required? What is your validity attribute? — Aiias
– Aiias, Commented Mar 19, 2013 at 2:23
You can get a collection of every control in a form using the DOM 0 form.elements collection, then just iterate over that. — RobG
– RobG, Commented Mar 19, 2013 at 2:45

Niet the Dark Absol · Accepted Answer · 2013-03-19 02:23:02Z

3

Since you're already relying on a feature only present in the newest versions of browsers, I'm assuming it's safe to assume you don't mind another such feature being used:

var inputTags = document.querySelector("input,textarea");

answered Mar 19, 2013 at 2:23

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

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

1 Comment

RobG Over a year ago

If the OP wants to delve into HTML5 and not be backward compatible (not advised but might be fun for an exercise), he should read HTML5 §4.10 Forms. In any case, I think form.elements would be better to get all the controls, then deal with each as required (using HTML5 properties or stock HTML 4.01 as appropriate).

Collectives™ on Stack Overflow

Count textarea and input using Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related