Javascript Form Validation access values

Question

If I pass a form to a Javascript validation function, what is the syntax to access the values in the fields if I don't know the form's name?

I pass it in the HTML like so:

<form method=...  action=...>
 <input type="text" name="qty-box" value="100" onkeydown="if (event.keyCode == 13) addBoxSubmit(this);" />
</form>

Now in my javascript function like so:

 function addBoxSubmit (myForm) { 
  //how to access the form values none of these methods worked, 
  //I need to know the correct syntax
  //I tried     myform.['qty-box'].value;
  //I tried     myForm['qty-box'].value;
  //I tried     document.myForm.['qty-box'].value;
  //I tried     document.myForm['qty-box'].value;
 }

For this application I will have many forms on the page that I want to use with my validation function, essentially each row on a data table is its own form. I can't just access the forms by name because they are dynamically generated serialized names.

You can set the id of the form to qty-box and then document.getElementById('qty-box'). Or simply document.qty-box, but one problem may be that Javascript does not like the object name to have a - in it, as that is the minus sign in Javascript. — jedison
– jedison, Commented Apr 18, 2014 at 15:19

Community · Accepted Answer · 2017-05-23 10:26:03Z

1

The problem in this case is that I'm not passing the form to the validation function, but merely the element on the form. If you have the element though you can access the form given the element with this syntax:

var formName = myElement.form.name;

See: How to get the form parent of an input?

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Apr 18, 2014 at 15:17

S.Mason

3,6572 gold badges24 silver badges36 bronze badges

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

1 Comment

Igor Over a year ago

onkeydown event handler will execute with this being the input element that receives the key

jedison · Accepted Answer · 2014-04-18 15:17:10Z

0

You can set up a loop in Javascript, and iterate over all forms on the page: document.forms[i]. And then check the values on each form.

answered Apr 18, 2014 at 15:17

jedison

9766 silver badges16 bronze badges

Collectives™ on Stack Overflow

Javascript Form Validation access values

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related