JavaScript บังคับกรอกตัวเลข 0-9

สอนเขียนภาษา JavaScript บังคับกรอกตัวเลข 0-9 บทความนี้แนะนำการเขียนฟังก์ชันสำหรับบังคับกรอกตัวเลข เฉพาะ 0-9 เท่านั้นด้วยภาษา JavaScript และนำมาใช้กับ input type text ของภาษา HTML สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่าง JavaScript บังคับกรอกตัวเลข 0-9

<input type="text" onkeypress="return onlyNumber(event)" placeholder="กรอกได้แต่ตัวเลข 0-9">

<script>
    function onlyNumber(event) {
        let c = (event.which) ? event.which : event.keyCode;
        if (c > 31 && (c < 48 || c > 57))
            return false;
        return true;
    }
</script>

JavaScript บังคับกรอกตัวเลข 0-9 ตัวอย่างสร้างฟังก์ชันชื่อ onlyNumber ทำหน้าที่ช็คว่าตัวอักษรที่ผู้ใช้งานพิมพ์ลงใน TextBox อยู่ในช่วงรหัส ascii ของตัวเลข (0-9) หรือไม่ โดย ascii ของ 0-9 จะอยู่ในช่วงตัวเลข 48-57 ถ้าไม่ใช่ช่วง ascii ดังกล่าวให้ return false เพื่อไม่รับค่าดังกล่าวลงใน TextBox ซึ่งการนำฟังก์ชันดังกล่าวไปใช้งานแนะนำให้ใช้ attribute onkeypress ของ TextBox