Fehler "Senden ist keine Funktion" in JavaScript

Kann mir jemand sagen, was mit diesem Code falsch läuft? Ich habe versucht, ein Formular mit JavaScript zu senden, aber der Fehler ".submit ist keine Funktion" wird angezeigt. Weitere Details zum Code finden Sie unten:

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

Ich habe es auch versucht:

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

Beide zeigen mir den gleichen Fehler :(

Senden ist keine Funktion

bedeutet, dass Sie Ihre Senden-Schaltfläche oder ein anderes Element benannt haben submit. Benennen Sie die Taste in um btnSubmitund Ihr Anruf wird auf magische Weise funktionieren.

Wenn Sie die Schaltfläche Senden benennen, überschreiben Sie die submit()Funktion im Formular.

<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: Ich habe versehentlich die IDs ausgetauscht

Stellen Sie sicher, dass kein anderes Formular mit demselben Namen vorhanden ist, und stellen Sie sicher, dass das Formular keinen Namen = "Senden" oder ID = "Senden" enthält.

Wenn Sie keine Möglichkeit zur Änderung haben name="submit", können Sie das Formular auch folgendermaßen einreichen:

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

Ich hatte das gleiche Problem, als ich eine MVC-Anwendung mit Masterseiten erstellte. Ich habe versucht, nach einem Element mit 'submit' als Namen zu suchen, wie oben erwähnt, aber das war nicht der Fall.

In meinem Fall wurden mehrere Tags auf meiner Seite erstellt, sodass einige Probleme beim Verweisen auf das richtige Formular auftraten.

Um dies zu umgehen, lasse ich die Schaltfläche das zu verwendende Formularobjekt handhaben:

onclick="return SubmitForm(this.form)"

und mit dem js:

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

Dieses Thema hat bereits viele Antworten, aber das, was für mich am besten (und am einfachsten - eine Zeile!) Funktionierte, war eine Modifikation des Kommentars von Neil E. Pearson vom 21. April 2013:

Wenn Sie nicht mehr wissen, dass Ihre Senden-Schaltfläche #submit ist, können Sie dies umgehen, indem Sie die submit () -Methode einer anderen Formularinstanz stehlen.

Meine Änderung an seiner Methode und was für mich funktioniert hat:

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

Wenn Sie einem Formularelement den Namen submit geben, wird die Eigenschaft submit einfach schattiert. Stellen Sie sicher, dass Sie kein Formularelement mit dem Namen submit haben und dass Sie problemlos auf die Submit-Funktion zugreifen können.

In der Tat ist die Lösung sehr einfach ...

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>

Lösung:

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

Sie sollten diesen Code verwenden:

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

Was ich benutzt habe ist

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

Nur weil alles andere nicht funktioniert hat.

Die Lösung für mich bestand darin, das Attribut "form" der Schaltfläche festzulegen

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

oder ist js:

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

Mögliche Lösungen -
1.Stellen Sie sicher, dass Sie kein anderes Element mit Name / ID als Übermittlung haben. 2.
Versuchen Sie, die Funktion als onClick = "return submitAction();"
3 aufzurufen .document.getElementById("form-name").submit();

Du kannst es versuchen

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

Haben Sie nicht mehr als ein Formular mit demselben Namen?

Verwenden Sie getElementById:

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