Breaking

วันศุกร์ที่ 1 พฤษภาคม พ.ศ. 2563

การเช็คให้กรอกเฉพาะตัวเลข ด้วย jquery ใน Text field (อัพเดท 05/01/2020)



ให้กรอกเฉพาะตัวเลข ไม่ให้กรอกตัวอักขระ


หากต้องการให้กรอกเฉพาะตัวเลข ไม่ให้กรอกตัวอักษรใดๆ ง่ายนิดเดียวค่ะ ใช้เพียงแค่ 2 ไฟล์
  1. html สำหรับฟิวด์ที่ต้องการดักค่า 
  2. js สำหรับใส่ฟังก์ชั่นนี้

1. ในฟิวด์ html ส่วนที่สำคัญคือ => onkeypress="return isNumberKey(event)" อย่าลืมส่วนนี้นะคะ
<input name="test" onkeypress="return isNumberKey(event)" type="text" />
2. เพียงแค่ใส่ function นี้ ลงใน ไฟล์ .js
<script language="javascript">
function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}
</script>

1 ความคิดเห็น:

  1. ใช้ได้ ครับแต่เค้าก็ยังสามารถ ก๊อบวางได้อยู่ดี

    ตอบลบ

Post Top Ad

Your Ad Spot

หน้าเว็บ