JavaScript'te "Gönderme bir işlev değil" hatası

Birisi bana bu kodda neyin yanlış gittiğini söyleyebilir mi? JavaScript ile bir form göndermeye çalıştım, ancak bir hata ".submit bir işlev değil" gösterilmiştir. Kodla ilgili daha fazla ayrıntı için aşağıya bakın:

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

Ben de denedim:

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

Her ikisi de bana aynı hatayı gösteriyor :(

gönderme bir işlev değildir

gönderme düğmenizi veya başka bir öğeyi adlandırdığınız anlamına gelir submit. Düğmeyi şu şekilde yeniden adlandırın:btnSubmit aramanız sihirli bir şekilde çalışır.

Gönder düğmesine ad verdiğinizde submit(), formdaki işlevi geçersiz kılarsınız .

<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: Yanlışlıkla kimliği takas

Aynı ada sahip başka bir form olmadığından ve formda ad = "gönder" veya id = "gönder" olmadığından emin olun.

Değiştirme name="submit"şansınız yoksa formu aşağıdaki şekilde de gönderebilirsiniz:

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

Ben ana sayfaları ile kullanarak bir MVC uygulaması oluştururken aynı sorunu vardı. Yukarıda belirtildiği gibi 'gönder' olan öğe aramaya çalıştım, ancak durum böyle değildi.

Benim durumum için sayfamda birden fazla etiket oluşturdu, bu yüzden doğru forma referansta bazı sorunlar vardı.

Bu soruna geçici bir çözüm bulmak için hangi form nesnesini kullanmak için düğme işlemesine izin vereceğim:

onclick="return SubmitForm(this.form)"

ve js ile:

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

Bu konunun zaten birçok yanıtı var, ancak benim için en iyi (ve en basit - bir satır!) İşe yarayan konu, Neil E. Pearson tarafından 21 Nisan 2013'ten yapılan yorumda bir değişiklikti:

Gönderme düğmenizin #submit olması durumunda sıkışırsanız, başka bir form örneğinin send () yöntemini çalarak bunun üstesinden gelebilirsiniz.

Metodunda yaptığım değişiklik ve benim için ne işe yaradı:

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

bir form öğesine gönderme adı vermek basitçe gönderme özelliğini gölgeleyecektir. gönderme adında bir form öğeniz olmadığından ve gönderme işlevine erişebildiğinizden emin olun.

Aslında, çözüm çok kolay ...

Orijinal:

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

Çözüm:

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

Bu kodu kullanmalısınız:

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

Kullandığım şey

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

Çünkü her şey çalışmadı.

Benim için çözüm düğmenin "form" özelliğini ayarlamak oldu

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

veya js:

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

Olası çözümler - 1.
Gönderme olarak ad / kimliğe sahip başka bir öğeniz olmadığından emin olun.
2. İşlevi onClick = "return submitAction();"
3 olarak adlandırmayı deneyin .document.getElementById("form-name").submit();

Deneyebilirsin

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

Aynı ada sahip birden fazla formunuz yok mu?

GetElementById kullanın:

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