Devdit
 

PHP ป้องกันการ submit ซ้ำ ด้วยการซ่อนปุ่ม

3.1K

สอนเขียนภาษา PHP ป้องกันการ submit ซ้ำ ด้วยการซ่อนปุ่มเมื่อผู้ใช้งานกดปุ่ม submit เพื่อป้องกันผู้ใช้งานกดปุ่ม submit หลายๆ ครั้ง โดยการใช้ attribute onsubmit ของฟอร์ม HTML ร่วมกับ JavaScript โดยวิธีนี้เป็นการป้องกันการ submit แบบไม่ซับซ้อน และควรใช้คู้กับการป้องกันการ submit วิธีอื่นเพื่อเพิ่มประสิทธิภาพ สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง PHP ป้องกันการ submit ซ้ำ ด้วยการซ่อนปุ่ม

<form method="POST" action="add.php" onsubmit="return checkSubmit()">
    <input type="submit" id="submit" value="ตกลง">
</form>
<script>
    function checkSubmit() {
        var e = document.getElementById('submit');
        e.style.display = "none";
    }
</script>

คำอธิบาย

PHP ป้องกันการ submit ซ้ำ เมื่อผู้ใช้งานกดปุ่ม submit คำสั่ง onsubmit จะทำงานโดยเรียกใช้ฟังก์ชัน checkSubmit ภายในฟังก์ชันจะอ้างถึงปุ่ม submit ผ่าน id = submit เก็บค่าไว้ที่ตัวแปร e และทำการซ่อนด้วยคำสั่ง e.style.display = "none" เมื่อปุ่ม submit ถูกซ่อนปัญหาผู้ใช้งานกดปุ่ม submit หลายครั้งก็จะไม่เกิดขึ้น เป็นการป้องกันการ submit ซ้ำอีกวิธีหนึ่ง

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ