如何修复“找不到成员”-Javascript中的错误

Question

//html code for form
<form id="contactform" method="post" action="/action_page.php">
//submit button html code
<input type="button" id="submit" onclick="submit_form()" value="Submit">
//javascript submit function.
function submit_form()
{
document.getElementById("contactform").submit();
return false;
}

所以这是我的联系表单的html和javascript代码段，现在当我调试我的javascript代码时，它给了我document.getElementById（“ contactform”）。submit（）;找不到成员的错误。线。即使我的按钮的ID和运行的函数的名称不同，问题仍然存在。有人可以帮我解决这个问题吗？

Answer 1

问题是您的输入按钮的ID为submit。

我重命名了该ID，您可以在下面看到一个有效的代码：

function submit_form()
{
document.getElementById("contactform").submit()
return false;
}

<form id="contactform" method="post" action="/action_page.php">

<input type="button" id="hsubmit" onclick="submit_form()" value="Submit">
</form>