JavaScript เรียกใช้ปุ่ม submit โดยไม่ต้องมีปุ่ม submit

JavaScript เรียกใช้ปุ่ม submit โดยไม่ต้องมีปุ่ม submit บทความนี้สอนการใช้คำสั่งของภาษา JavaScript เพื่อ submit ฟอร์มแทนการใช้ปุ่มกด submit จากตัวอย่างใช้แท็ก a แทนปุ่ม submit สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript เรียกใช้ปุ่ม submit โดยไม่ต้องมีปุ่ม submit

<form id="myForm" action="save.php" method="POST">
    <input type="text" name="name">
</form>
<a href="javascript:submit()">เรียกใช้ Submit</a>

<script>
    function submit() {
        document.getElementById("myForm").submit();
    }
</script>

JavaScript เรียกใช้ปุ่ม submit โดยไม่ต้องมีปุ่ม submit มีรายละเอียดดังนี้

1. ฟอร์ม HTML กำหนด id = myForm สังเกตว่าในฟอร์มไม่มี input submit แต่มีแท็ก a ที่จะทำหน้าที่ปุ่ม submit

2. เมื่อผู้ใช้งานกดแท็ก a จะเรียกใช้ฟังก์ชัน submit ใน JavaScript ที่เขียนเอาไว้

3. ภายในฟังก์ชัน submit มีการอ้างถึง id = myForm ด้วย document.getElementById จากนั้นใช้คำสั่ง submit() เพื่อทำงานแทนการกดปุ่ม submit