Error "Enviar no es una función" en JavaScript

¿Alguien puede decirme qué está mal con este código? Intenté enviar un formulario con JavaScript, pero se muestra el error ".submit no es una función". Consulte a continuación para obtener más detalles del 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>

También probé esto:

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

Ambos me muestran el mismo error :(

enviar no es una función

significa que usted nombró su botón de envío o algún otro elemento submit. Cambie el nombre del botón a btnSubmity su llamada funcionará mágicamente.

Cuando nombra el botón enviar, anula la submit()función en el formulario.

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

EDITAR: accidentalmente cambié la identificación alrededor

Asegúrese de que no haya otro formulario con el mismo nombre y asegúrese de que no haya name = "submit" o id = "submit" en el formulario.

Si no tiene la oportunidad de cambiar name="submit", también puede enviar el formulario de esta manera:

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

Tuve el mismo problema cuando estaba creando una aplicación MVC usando páginas maestras. Intenté buscar un elemento con 'enviar' como nombres como se mencionó anteriormente, pero no fue el caso.

Para mi caso, creó varias etiquetas en mi página, por lo que hubo algunos problemas con la forma correcta.

Para evitar esto, dejaré que el botón maneje qué objeto de formulario usar:

onclick="return SubmitForm(this.form)"

y con el js:

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

Este tema ya tiene muchas respuestas, pero la que mejor funcionó (¡y más simple - una línea!) Para mí fue una modificación del comentario hecho por Neil E. Pearson del 21 de abril de 2013:

Si está atascado con el botón de envío como #submit, puede evitarlo robando el método submit () de otra instancia de formulario.

Mi modificación a su método, y lo que funcionó para mí:

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

dar a un elemento de formulario un nombre de envío simplemente sombreará la propiedad de envío. asegúrese de que no tiene un elemento de formulario con el nombre submit y que debería poder acceder a la función de envío muy bien.

De hecho, la solución es muy 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>

Solución:

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

Deberías usar este código:

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

Lo que usé es

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

Solo porque todo lo demás no funcionó.

La solución para mí fue establecer el atributo "formulario" del botón

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

o es js:

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

Posibles soluciones:
1.Asegúrese de no tener ningún otro elemento con nombre / id como envío.
Intenta llamar a la función como onClick = "return submitAction();"
3.document.getElementById("form-name").submit();

Puedes probar

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

¿No tienes más de una forma con el mismo nombre?

Use getElementById:

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