ข้อผิดพลาด“ การส่งไม่ใช่ฟังก์ชัน” ใน JavaScript

ใครสามารถบอกฉันว่าเกิดอะไรขึ้นกับรหัสนี้ ฉันพยายามส่งฟอร์มด้วย JavaScript แต่มีข้อผิดพลาด ".submit ไม่ใช่ฟังก์ชัน" ปรากฏขึ้น ดูด้านล่างสำหรับรายละเอียดเพิ่มเติมของรหัส:

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

ฉันก็ลองทำเช่นนี้:

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

ทั้งสองแสดงข้อผิดพลาดเดียวกันให้ฉัน :(

ส่งไม่ใช่ฟังก์ชั่น

submitหมายความว่าคุณชื่อปุ่มส่งของคุณหรือองค์ประกอบอื่น ๆ เปลี่ยนชื่อปุ่มเป็นbtnSubmitและการโทรของคุณจะทำงานได้อย่างน่าอัศจรรย์

เมื่อคุณตั้งชื่อปุ่มส่งคุณจะแทนที่submit()ฟังก์ชั่นในแบบฟอร์ม

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

แก้ไข: ฉันตั้งใจเปลี่ยนรหัสรอบ

ตรวจสอบให้แน่ใจว่าไม่มีแบบฟอร์มอื่นที่มีชื่อเดียวกันและตรวจสอบให้แน่ใจว่าไม่มีชื่อ = "ส่ง" หรือ id = "ส่ง" ในแบบฟอร์ม

หากคุณไม่มีโอกาสเปลี่ยนแปลงname="submit"คุณสามารถส่งแบบฟอร์มด้วยวิธีนี้:

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

ฉันมีปัญหาเดียวกันเมื่อฉันสร้างแอปพลิเคชัน MVC ที่ใช้กับเพจต้นแบบ พยายามมองหาองค์ประกอบที่มี 'ส่ง' เป็นชื่อตามที่ระบุไว้ข้างต้น แต่ไม่ใช่ในกรณีนี้

สำหรับกรณีของฉันมันสร้างแท็กหลายแท็กในหน้าของฉันดังนั้นจึงมีปัญหาบางอย่างที่อ้างอิงถึงรูปแบบที่ถูกต้อง

เพื่อหลีกเลี่ยงปัญหานี้ฉันจะให้ปุ่มจัดการกับวัตถุรูปแบบที่จะใช้:

onclick="return SubmitForm(this.form)"

และด้วย js:

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

หัวข้อนี้มีคำตอบมากมายอยู่แล้ว แต่สิ่งที่ดีที่สุด (และง่ายที่สุด - หนึ่งบรรทัด!) สำหรับฉันคือการดัดแปลงความคิดเห็นที่ทำโดย Neil E. Pearson จาก 21 เม.ย. 2013:

หากคุณติดอยู่กับปุ่มส่งของคุณเป็น #submit คุณสามารถหลีกเลี่ยงได้โดยการขโมยเมธอด submit () ของฟอร์มอื่น

การดัดแปลงของฉันเป็นวิธีการของเขาและสิ่งที่ได้ผลสำหรับฉัน:

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

ให้องค์ประกอบแบบฟอร์มชื่อของการส่งจะง่ายเงาคุณสมบัติการส่ง ตรวจสอบให้แน่ใจว่าคุณไม่มีองค์ประกอบของฟอร์มที่มีชื่อส่งและคุณควรจะสามารถเข้าถึงฟังก์ชั่นส่งได้ดี

ในความเป็นจริงการแก้ปัญหาเป็นเรื่องง่ายมาก ...

เดิม:

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

สารละลาย:

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

คุณควรใช้รหัสนี้:

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

สิ่งที่ฉันใช้คือ

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

เพียงเพราะทุกอย่างไม่ทำงาน

ทางออกสำหรับฉันคือการตั้งค่าคุณลักษณะ "แบบฟอร์ม" ของปุ่ม

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

หรือเป็น js:

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

วิธีแก้ปัญหาที่เป็นไปได้ -
1. ตรวจสอบให้แน่ใจว่าคุณไม่มีองค์ประกอบอื่น ๆ ที่มีชื่อ / รหัสว่าส่ง
2. ลองเรียกใช้ฟังก์ชันเป็นonClick = "return submitAction();"
3document.getElementById("form-name").submit();

คุณสามารถลอง

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

คุณไม่มีแบบฟอร์มมากกว่าหนึ่งแบบที่มีชื่อเหมือนกันใช่ไหม

ใช้ getElementById:

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