有人能告诉我这段代码出了什么问题吗?我试图用JavaScript提交一个表单,但是一个错误”。提交不是一个函数”。查看下面的代码的更多细节:

<form action="product.php" method="get" name="frmProduct" id="frmProduct" enctype="multipart/form-data">

<input onclick="submitAction()" id="submit_value" type="button" name="submit_value" value="">

</form>

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

我还试过这个:

<script type="text/javascript">
    function submitAction()
    {
        document.forms["frmProduct"].submit();
    }
</script>

两者都显示了相同的错误:(


当前回答

我的解决方案是设置按钮的“form”属性

<form id="form_id_name"><button name="btnSubmit" form="form_id_name" /></form>

或者是js:

YOURFORMOBJ.getElementsByTagName("button")[0].setAttribute("form", "form_id_name");
YOURFORMOBJ.submit();

其他回答

〇解决方案 1.确保没有任何其他名称/id作为提交的元素。 2.尝试调用函数onClick = "return submitAction();" 3. . getelementbyid(“表单名称”)。submit ();

我有同样的问题,当我创建一个MVC应用程序使用母版页。 尝试寻找元素与“提交”作为名称如上所述,但它不是这样的。

对于我的情况,它在我的页面上创建了多个标签,因此引用正确的表单存在一些问题。

为了解决这个问题,我将让按钮处理要使用的表单对象:

onclick="return SubmitForm(this.form)"

用js:

function SubmitForm(frm) {
    frm.submit();
}

确保没有其他具有相同名称的表单,并确保表单中没有name="submit"或id="submit"。

使用getElementById:

document.getElementById ('frmProduct').submit ()

你可以试试

<form action="product.php" method="get" name="frmProduct" id="frmProduct" enctype="multipart/form-data">

<input onclick="submitAction(this)" id="submit_value" type="button" name="submit_value" value="">

</form>

<script type="text/javascript">
function submitAction(element)
{
    element.form.submit();
}
</script>

你不是有不止一份同名的表格吗?