Erro "Enviar não é uma função" em JavaScript

Alguém pode me dizer o que está acontecendo de errado com este código? Tentei enviar um formulário com JavaScript, mas o erro ".submit não é uma função" é mostrado. Veja abaixo para mais detalhes do código:

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

Eu também tentei isso:

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

Ambos me mostram o mesmo erro :(

enviar não é uma função

significa que você nomeou seu botão de envio ou algum outro elemento submit. Renomeie o botão para btnSubmite sua chamada funcionará magicamente.

Ao nomear o botão enviar, você substitui a submit()função no formulário.

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

EDIT: Eu acidentalmente troquei os IDs ao redor

Verifique se não há outro formulário com o mesmo nome e verifique se não há name = "submit" ou id = "submit" no formulário.

Se você não tem oportunidade de alterar, name="submit"também pode enviar o formulário desta maneira:

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

Eu tive o mesmo problema quando estava criando um aplicativo MVC usando com páginas mestras. Tentei procurar o elemento com 'submit' como os nomes mencionados acima, mas não foi o caso.

Para o meu caso, ele criou várias tags na minha página, por isso houve alguns problemas relacionados ao formulário correto.

Para contornar isso, deixarei o botão manipular qual objeto de formulário usar:

onclick="return SubmitForm(this.form)"

e com o js:

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

Este tópico já tem muitas respostas, mas a que funcionou melhor (e mais simples - uma linha!) Para mim foi uma modificação do comentário feito por Neil E. Pearson em 21 de abril de 2013:

Se você está preso com o botão enviar sendo #submit, pode contornar isso roubando o método submit () de outra instância de formulário.

Minha modificação no método dele e o que funcionou para mim:

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

atribuir um nome a um elemento de formulário a uma sombra simples da propriedade de envio. verifique se você não possui um elemento de formulário com o nome submit e deve conseguir acessar a função de envio corretamente.

De fato, a solução é muito fácil ...

Original:

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

Solução:

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

Você deve usar este código:

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

O que eu usei é

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

Só porque todo o resto não funcionou.

A solução para mim foi definir o atributo "formulário" do botão

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

ou é js:

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

Soluções possíveis -
1. Certifique-se de que você não tem nenhum outro elemento com nome / ID como enviar.
2.Tente chamar a função como onClick = "return submitAction();"
3.document.getElementById("form-name").submit();

Podes tentar

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

Você não tem mais de um formulário com o mesmo nome?

Use getElementById:

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