Javascript表单验证访问值

时间:2014-04-18 15:07:49

标签: javascript forms function validation

如果我将表单传递给Javascript验证函数,如果我不知道表单的名称,那么访问字段中值的语法是什么?

我在HTML中传递它:

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

现在我的javascript函数就像这样:

 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;
 }

对于这个应用程序,我将在页面上有许多我想要与验证函数一起使用的表单,基本上每个数据表上的行都是它自己的表单。我不能只是按名称访问表单,因为它们是动态生成的序列化名称。

2 个答案:

答案 0 :(得分:1)

这种情况下的问题是我没有将表单传递给验证函数,而仅仅是表单上的元素。如果您有元素,但您可以使用以下语法访问给定元素的表单:

var formName = myElement.form.name;

请参阅:How to get the form parent of an input?

答案 1 :(得分:0)

您可以在Javascript中设置循环,并迭代页面上的所有表单:document.forms[i]。然后检查每个表单上的值。