JavaScript Disable ปุ่มกด Button และปุ่มกด Submit

สอนเขียนโค้ดภาษา JavaScript Disable ปุ่มกดแบบ Button และปุ่มกดแบบ Submit โดยใช้อ้างอิงปุ่มด้วย document.getElementById และ Disable ด้วยคำสั่ง disabled กำหนดค่าเป็น true สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript Disable ปุ่มกด Button และปุ่มกด Submit

<input type="button" value="ปุ่มกด" id="btn">
<br/>
<a href="javascript:disableButton()">Disable ปุ่มกด</a>

<script>
    function disableButton() {
        var e = document.getElementById("btn");
        e.disabled = true;
    }
</script>

1. เมื่อผู้ใช้งานกดลิงก์ Disable ปุ่มกด จะเรียกใช้ฟังก์ชัน javascript:disableButton ของภาษา JavaScript

2. ในฟังก์ชัน javascript:disableButton จะอ้างถึงปุ่มผ่าน id = btn จากนั้นใช้คำสั่ง disabled = true เพื่อ Disable ปุ่มกด กรณีต้องการยกเลิกการ Disable ปุ่มกด ให้กดหนดเป็น disabled = false