Errore "Invia non è una funzione" in JavaScript

Qualcuno può dirmi cosa non va in questo codice? Ho provato a inviare un modulo con JavaScript, ma viene visualizzato un errore ".submit non è una funzione". Vedi sotto per maggiori dettagli sul codice:

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

Ho anche provato questo:

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

Entrambi mi mostrano lo stesso errore :(

submit non è una funzione

significa che hai chiamato il tuo pulsante di invio o qualche altro elemento submit. Rinomina il pulsante in btnSubmite la tua chiamata funzionerà magicamente.

Quando si assegna un nome al pulsante Invia, si ignora la submit()funzione nel modulo.

<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: ho accidentalmente scambiato l'id in giro

Assicurarsi che non vi sia un altro modulo con lo stesso nome e assicurarsi che non ci sia name = "submit" o id = "submit" nel modulo.

Se non hai l'opportunità di cambiare name="submit"puoi anche inviare il modulo in questo modo:

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

Ho avuto lo stesso problema quando stavo creando un'applicazione MVC utilizzando con pagine master. Ho provato a cercare l'elemento con "submit" come nomi come menzionato sopra, ma non è stato il caso.

Nel mio caso ha creato più tag sulla mia pagina, quindi c'erano alcuni problemi che si riferivano al modulo corretto.

Per ovviare a questo, lascerò che il pulsante gestisca quale oggetto modulo usare:

onclick="return SubmitForm(this.form)"

e con il js:

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

Questo argomento ha già molte risposte, ma quello che ha funzionato meglio (e più semplice - una riga!) Per me è stata una modifica del commento fatto da Neil E. Pearson del 21 aprile 2013:

Se sei bloccato con il pulsante di invio in #submit, puoi aggirarlo rubando il metodo submit () di un'altra istanza di modulo.

La mia modifica al suo metodo e cosa ha funzionato per me:

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

assegnando a un elemento del modulo un nome di submit semplicemente ombreggerà la proprietà submit. assicurati di non avere un elemento del modulo con il nome submit e dovresti essere in grado di accedere correttamente alla funzione submit.

In effetti, la soluzione è molto semplice ...

Originale:

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

Soluzione:

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

Dovresti usare questo codice:

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

Quello che ho usato è

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

Solo perché tutto il resto non ha funzionato.

La soluzione per me era impostare l'attributo "form" del pulsante

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

o è js:

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

Possibili soluzioni -
1.Assicurarsi di non avere altri elementi con nome / ID come invio.
2. Prova a chiamare la funzione come onClick = "return submitAction();"
3.document.getElementById("form-name").submit();

Puoi provare

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

Non hai più di un modulo con lo stesso nome?

Usa getElementById:

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