Gửi Gửi không phải là một chức năng Lỗi lỗi trong JavaScript

Bất cứ ai có thể cho tôi biết những gì đang xảy ra với mã này? Tôi đã cố gắng gửi biểu mẫu bằng JavaScript, nhưng lỗi ".submit không phải là một chức năng" được hiển thị. Xem bên dưới để biết thêm chi tiết về mã:

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

Tôi cũng đã thử điều này:

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

Cả hai đều cho tôi thấy cùng một lỗi :(

gửi không phải là một chức năng

có nghĩa là bạn đã đặt tên cho nút gửi của bạn hoặc một số yếu tố khác submit. Đổi tên nút thành btnSubmitvà cuộc gọi của bạn sẽ hoạt động một cách kỳ diệu.

Khi bạn đặt tên cho nút gửi, bạn ghi đè submit()chức năng trên biểu mẫu.

<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: Tôi vô tình hoán đổi id xung quanh

Đảm bảo rằng không có biểu mẫu nào khác có cùng tên và đảm bảo rằng không có tên = "submit" hoặc id = "submit" trong biểu mẫu.

Nếu bạn không có cơ hội để thay đổi, name="submit"bạn cũng có thể gửi biểu mẫu theo cách này:

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

Tôi gặp vấn đề tương tự khi tôi đang tạo một ứng dụng MVC bằng các trang chính. Đã thử tìm kiếm phần tử với 'gửi' như tên như đã đề cập ở trên nhưng không phải vậy.

Đối với trường hợp của tôi, nó đã tạo ra nhiều thẻ trên trang của tôi để có một số vấn đề liên quan đến hình thức chính xác.

Để giải quyết vấn đề này, tôi sẽ để nút xử lý đối tượng biểu mẫu nào sẽ sử dụng:

onclick="return SubmitForm(this.form)"

và với js:

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

Chủ đề này đã có rất nhiều câu trả lời, nhưng câu trả lời hay nhất (đơn giản nhất - một dòng!) Đối với tôi là một sửa đổi của nhận xét được thực hiện bởi Neil E. Pearson từ ngày 21 tháng 4 năm 2013:

Nếu bạn bị kẹt với nút gửi của mình là #submit, bạn có thể khắc phục bằng cách ăn cắp phương thức submit () của một thể hiện mẫu khác.

Sửa đổi phương pháp của tôi và những gì làm việc cho tôi:

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

cung cấp cho một phần tử biểu mẫu một tên của trình sẽ đơn giản che bóng thuộc tính trình. đảm bảo bạn không có thành phần biểu mẫu với tên gửi và bạn sẽ có thể truy cập chức năng gửi tốt.

Trên thực tế, giải pháp rất dễ dàng ...

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

Giải pháp:

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

Bạn nên sử dụng mã này:

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

Những gì tôi đã sử dụng là

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

Chỉ vì mọi thứ khác đã không làm việc.

Giải pháp cho tôi là đặt thuộc tính "biểu mẫu" của nút

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

hoặc là js:

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

Các giải pháp có thể -
1. Hãy chắc chắn rằng bạn không có bất kỳ yếu tố nào khác có tên / id là gửi.
2. Thử gọi hàm là onClick = "return submitAction();"
3.document.getElementById("form-name").submit();

Bạn co thể thử

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

Bạn không có nhiều hơn một hình thức có cùng tên?

Sử dụng getEuityById:

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