Galat “Kirim bukan fungsi” dalam JavaScript

Adakah yang bisa memberi tahu saya apa yang salah dengan kode ini? Saya mencoba mengirimkan formulir dengan JavaScript, tetapi kesalahan ".submit bukan fungsi" ditampilkan. Lihat di bawah untuk detail lebih lanjut dari kode:

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

Saya juga mencoba ini:

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

Keduanya menunjukkan kepada saya kesalahan yang sama :(

kirim bukan fungsi

berarti Anda menamai tombol kirim Anda atau elemen lain submit. Ubah nama tombol menjadi btnSubmitdan panggilan Anda akan bekerja secara ajaib.

Saat Anda memberi nama tombol kirim, Anda menimpa submit()fungsi pada formulir.

<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: Saya tidak sengaja bertukar id

Pastikan tidak ada formulir lain dengan nama yang sama dan pastikan tidak ada nama = "kirim" atau id = "kirim" di formulir.

Jika Anda tidak memiliki kesempatan untuk berubah, name="submit"Anda juga dapat mengirimkan formulir dengan cara ini:

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

Saya memiliki masalah yang sama ketika saya sedang membuat aplikasi MVC menggunakan halaman master. Sudah mencoba mencari elemen dengan 'kirim' sebagai nama seperti yang disebutkan di atas tetapi bukan itu masalahnya.

Untuk kasus saya, ini membuat beberapa tag pada halaman saya sehingga ada beberapa masalah yang merujuk pada formulir yang benar.

Untuk mengatasinya, saya akan membiarkan tombol menangani objek formulir mana yang akan digunakan:

onclick="return SubmitForm(this.form)"

dan dengan js:

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

Topik ini sudah memiliki banyak jawaban, tetapi yang paling berhasil (dan paling sederhana - satu baris!) Bagi saya adalah modifikasi dari komentar yang dibuat oleh Neil E. Pearson dari 21 April 2013:

Jika Anda terjebak dengan tombol kirim Anda yang sedang mengirimkan #, Anda bisa mengatasinya dengan mencuri metode kirim () contoh lain formulir.

Modifikasi saya untuk metodenya, dan apa yang berhasil untuk saya:

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

memberikan elemen bentuk nama kirim akan bayangan sederhana properti kirim. pastikan Anda tidak memiliki elemen formulir dengan nama kirim dan Anda harus dapat mengakses fungsi kirim dengan baik.

Bahkan, solusinya sangat mudah ...

Asli:

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

Larutan:

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

Anda harus menggunakan kode ini:

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

Apa yang saya gunakan adalah

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

Hanya karena semuanya tidak berfungsi.

Solusi bagi saya adalah mengatur atribut "form" dari tombol

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

atau js:

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

Solusi yang memungkinkan -
1.Pastikan Anda tidak memiliki elemen lain dengan nama / id yang dikirimkan.
2. Coba panggil fungsi sebagai onClick = "return submitAction();"
3.document.getElementById("form-name").submit();

Anda dapat mencoba

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

Apakah Anda tidak memiliki lebih dari satu formulir dengan nama yang sama?

Gunakan getElementById:

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