Validate inputs with a certain name using JavaScript

Question

I want to get the inputs inside my form that has a name starting with this_form_. I have a loop creating my inputs so I don't know how many they are. And I have other inputs in the form that's not supposed to be validated.

This is how I create my forms:

<input type="text" name="this_form_<?php echo $i; ?>" value="" />

As I can delete specific inputs the names that I want to fetch can be this_form_100, this_form_101, this_form_102 and this_form_110

I can fetch the input value manually by doing the following:

document.forms['options-form']['this_form_100'].value

I just need a dynamic way to do this.

Any particular reason you're not using HTML5 form validation? — Matt Ball
– Matt Ball, Commented Jul 15, 2013 at 14:45
@Qantas94Heavy (1) I find it very hard to care about any version of IE and (2) shims can fix that. — Matt Ball
– Matt Ball, Commented Jul 15, 2013 at 14:54
Because I don't want the form to get submitted if it's not validated — Daniel Tovesson
– Daniel Tovesson, Commented Jul 15, 2013 at 14:54

collapsar · Accepted Answer · 2013-07-15 14:49:41Z

1

complement your input tags with a css class. thereafter you can select the relevant set using getElementsByClassName ( docs cf. here ).

you might wish to employ jQuery, a free and high quality js framework offering neat methods to handle cases like yours while abstracting away most of the user agent peculiarities.

answered Jul 15, 2013 at 14:49

collapsar

17.4k5 gold badges40 silver badges66 bronze badges

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

2 Comments

Daniel Tovesson Over a year ago

I gave the inputs a class called this_form and tried to fetch the values by executing this: var x = document.getElementsByClassName('this_form').value;. It's not returning anything.

collapsar Over a year ago

the method returns an array you have to iterate over - the value attribute will only be defined on the individual array elements (ie. the individual dom nodes).

Collectives™ on Stack Overflow

Validate inputs with a certain name using JavaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related