javascript - 使用 Javascript 提交表单会引发 TypeError

Question

我有这个非常令人沮丧的问题。我想用 Javascript 提交一个表单，无论我尝试什么，我总是最终得到Uncaught exception: TypeError: Cannot convert 'document.getElementById('loginForm')' to object.

我已经盯着这段代码看了一段时间了，我真的想不通。我敢肯定这真的很简单，但我只是看不到解决方案。

这是我的代码：

<form method="post" action="do.php?a=signin" id="loginForm">
  <input name="usr" class="test" placeholder="Användarnamn" type="text" />
  <input name="pwd" class="test" placeholder="Lösenord" type="password" />
</form>

<span class="test"><a href="fblogin.php"><img src="gfx/ico/fb.jpg" alt="" /> Logga in via Facebook</a></span>
<span class="test"><a href="javascript: doLogin();"><img src="gfx/ico/Unlock.gif" alt="" /> Logga in &#0187;</a></span>

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

我错过了什么！？

Answer 1

首先，您必须在表单中添加名称属性

  <form name="loginForm" ...>

然后在下面申请。

 document.forms["loginForm"].submit();

或者

 document.loginForm.submit();

提示：

您不能将按钮命名为提交并使用 submit()。按钮会覆盖该方法。将按钮重命名为其他名称，它将起作用。

Answer 2

解决方案是我不小心<form>在代码的前面输入了另一个。我删除了它，现在它就像一个魅力！