JavaScript中的“提交不是函数”错误

2020/10/08 08:21 · javascript ·  · 0评论

谁能告诉我这段代码出了什么问题?我尝试使用JavaScript提交表单,但显示错误“ .submit不是函数”。请参阅下面的代码的更多详细信息:

<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>

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

提交不是功能

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

将按钮命名为Submit时,将覆盖submit()表单上的功能。

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

<input id="submit_value" type="button" name="submit_value" value="">

</form>

<script type="text/javascript">

document.getElementById("submit_value").onclick = submitAction;

function submitAction()
{
    document.getElementById("frmProduct").submit();
    return false;
}
</script>

编辑:我不小心交换了ID的周围

如果您没有机会进行更改,name="submit"也可以通过以下方式提交表格:

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

确保没有其他同名表单,并且表单中没有name =“ submit”或id =“ submit”。

当我使用母版页创建MVC应用程序时遇到相同的问题。尝试如上所述查找带有“提交”作为名称的元素,但事实并非如此。

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

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

onclick="return SubmitForm(this.form)"

并与js:

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

这个主题已经有很多答案,但是对我来说效果最好(最简单-一行!)的答案是对Neil E. Pearson从2013年4月21日发表的评论的修改:

如果您将提交按钮固定为#submit,则可以通过窃取另一个表单实例的commit()方法来解决此问题。

我对他的方法的修改以及对我有用的方法:

document.createElement('form').submit.call(document.getElementById(frmProduct));

给表单元素一个提交的名字将简单地遮盖提交属性。确保没有名称提交的表单元素,并且您应该可以很好地使用提交函数。

实际上,解决方案非常简单...

原版的:

    <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>

解:

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

<!-- Place the button here -->
<input onclick="submitAction()" id="submit_value" type="button" 
    name="submit_value" value="">

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

您应该使用以下代码:

$(document).on("ready", function () {
       
        document.frmProduct.submit();
    });

我用的是

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

仅仅因为其他一切都没有用。

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

<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。
document.getElementById("form-name").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>

您是否有多个同名表格?

使用getElementById:

document.getElementById ('frmProduct').submit ()
本文地址:http://javascript.askforanswer.com/javascriptzhongdetijiaobushihanshucuowu.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!