Błąd „Prześlij nie jest funkcją” w JavaScript

Czy ktoś może mi powiedzieć, co dzieje się z tym kodem? Próbowałem przesłać formularz z JavaScript, ale pojawił się błąd „.submit nie jest funkcją”. Zobacz więcej szczegółów kodu:

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

Próbowałem także:

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

Oba pokazują mi ten sam błąd :(

Prześlij nie jest funkcją

oznacza, że ​​nazwałeś swój przycisk przesyłania lub jakiś inny element submit. Zmień nazwę przycisku na, btnSubmita połączenie zadziała w magiczny sposób.

Po nadaniu nazwy przyciskowi przesłania zastępujesz submit()funkcję w formularzu.

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

EDYCJA: Przypadkowo zamieniłem identyfikator

Upewnij się, że nie ma innego formularza o tej samej nazwie i upewnij się, że w formularzu nie ma nazwy = "zgłoś" lub id = "zgłoś".

Jeśli nie masz możliwości zmiany name="submit", możesz również przesłać formularz w ten sposób:

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

Miałem ten sam problem podczas tworzenia aplikacji MVC przy użyciu stron wzorcowych. Próbowałem wyszukać element z „przesłaniem” jako nazwami, jak wspomniano powyżej, ale tak nie było.

W moim przypadku utworzyłem wiele tagów na mojej stronie, więc wystąpiły problemy z odniesieniem do prawidłowego formularza.

Aby obejść ten problem, pozwól przyciskowi obsłużyć, którego obiektu formularza użyć:

onclick="return SubmitForm(this.form)"

i z js:

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

Ten temat ma już wiele odpowiedzi, ale ta, która działała najlepiej (i najprostsza - jedna linia!) Była dla mnie modyfikacją komentarza Neila E. Pearsona z 21 kwietnia 2013 r .:

Jeśli utkniesz w przycisku # wysyłania, możesz obejść ten problem, wykradając metodę subm () innej instancji formularza.

Moja modyfikacja jego metody i co zadziałało dla mnie:

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

nadanie elementowi formy nazwy submission spowoduje proste przesłanie właściwości submission. upewnij się, że nie masz elementu formularza o nazwie „Prześlij” i powinieneś być w stanie dobrze uzyskać dostęp do funkcji przesyłania.

W rzeczywistości rozwiązanie jest bardzo łatwe ...

Oryginalny:

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

Rozwiązanie:

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

Powinieneś użyć tego kodu:

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

To, czego użyłem, to

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

Tylko dlatego, że wszystko inne nie działało.

Rozwiązaniem było dla mnie ustawienie atrybutu „forma” przycisku

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

lub jest js:

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

Możliwe rozwiązania -
1.Upewnij się, że nie masz żadnego innego elementu o nazwie / identyfikatorze podczas przesyłania.
2. Spróbuj wywołać funkcję jako onClick = "return submitAction();"
3.document.getElementById("form-name").submit();

Możesz spróbować

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

Nie masz więcej niż jednego formularza o tej samej nazwie?

Użyj getElementById:

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