Question

我在页面中使用多个表单这里是我的HTML代码：

<form name="myform" id="myform" method="post" action="test.php">
<a href="javascript: submitform();" >submit</a>
<input type="hidden" name="encKey" value="12" />
</form>

<form name="myform" id="myform" method="post" action="test.php">
<a href="javascript: submitform();" >submit</a>
<input type="hidden" name="encKey" value="12" />
</form>


<form name="myform" id="myform" method="post" action="test.php">
<a href="javascript: submitform();" >submit</a>
<input type="hidden" name="encKey" value="12" />
</form>

这是我的javascript代码：

<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>

当我点击提交链接时，表单未提交并在后端发生错误：

TypeError：document.myform.submit不是函数。

可能有什么问题？

由于

Answer 1

我认为您应该为所有表单使用唯一ID。然后你可以有一个函数，它将你想要提交的表单的id作为参数，然后提交它。所以你可以有像

<script type="text/javascript">
function submitform(formid)
{
  document.getElementById(formid).submit();
}
</script>

这样的东西

Answer 2

你可以试试这个

<script type="text/javascript">
function submitform()
{
  document.getElementById('myform').submit();
}
</script>

Answer 3

表单的 id 必须是唯一的，请尝试将表单ID更改为仅名称。

您可以尝试使用

document.getElementById('formId').submit()

提交表单信息。

Answer 4

您也可以使用document.forms["myForm"].submit();。在这种情况下，"myForm"是每个表单的名称，它必须是唯一的以及id。

Answer 5

首先，你有3个id相同（myform），id必须是唯一的。

使用Javascript提交表单无法正常工作

5 个答案: