有人能告诉我这段代码出了什么问题吗?我试图用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>

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


当前回答

你应该使用下面的代码: 美元(文档)。On ("ready", function () { document.frmProduct.submit (); });

其他回答

抱歉回答晚了,但对于那些仍然面临同样错误的人。消除此错误:

<form method="POST">
  <input type="text"/>
  <input type="submit" id="submit-form" value="Submit Form" style="display: none;"/>
</form>

<!-- Other element that will submit the form -->
<button onclick="submitTheForm()">Submit the form</button>

<script>
function submitTheForm(){
  document.getElementById("submit-form").click();
}
</script>

解释:

javascript函数submitTheForm()正在访问提交输入元素并调用其上的click事件,从而导致表单提交。

这个解决方案是终身的,几乎100%兼容所有浏览器。

Submit不是一个函数

表示将提交按钮或其他元素命名为submit。将按钮重命名为btnSubmit,您的调用将神奇地工作。

当将按钮命名为submit时,将重写表单上的submit()函数。

我也有同样的问题,解决了我的问题,只需从提交按钮中删除name="submit"。

<button name='submit' value='Submit Payment' ></button>

改变

<button value='Submit Payment' ></button>

删除名称属性,希望它能工作

我用的是

var enviar = document.getElementById("enviar");
enviar.type = "submit"; 

只是因为其他一切都不管用。

如果您没有机会更改名称="submit",您也可以通过这种方式提交表单:

function submitForm(form) {
    const submitFormFunction = Object.getPrototypeOf(form).submit;
    submitFormFunction.call(form);
}