ใ้ช้ jQuery ตรวจสอบ ต้องกรอกตัวเลขเท่านั้น

เมื่อใน form เรามี textbox เผื่อใส่เฉพาะตัวอักษร
เราจะมีวิธีในการป้องกันการตัวอักษรตัวอื่นดังนี้

1
2
3
4
5
6
7
8
9
10

$("#txtboxToFilter").keydown(function(event) {
 
  if ((event.keyCode == 8           // backspace
        || event.keyCode == 46    // delete
        || (event.keyCode >= 48 && event.keyCode <= 57)   // numbers on keyboard
        || (event.keyCode >= 96 && event.keyCode <= 105))// number on keypad
        ) {
           // Do Something
    }
});

หัวใจของ code นี้คือ keyCode ซึ่งจะให้ค่าเป็นตัวเลขในแต่ละแป้นพิมพ์
ในแต่แป้นพิมพ์จะมีเลขที่ไม่ซ้ำกัน

ที่มา

http://stackoverflow.com/questions/995183/how-to-allow-only-numeric-0-9-in-html-inputbox-using-jquery

หวังว่าคงจะสามารถเอาไปใช้งานกันได้นะครับ

jQuery Start

จากที่อ่านดูรู้สึกว่า jQuery นอกจากจะต้อง include jquery.js แล้ว จะต้องเขียนคำสั่งต่าง ๆ
ภายใต้คำสั่ง $(document).ready ด้วยนะ ไม่งั้นคำสั่งของ jQuery จะไม่ทำงานจ้า

1
2
3
4
5

<script type="text/javascript">
$(document).ready(function() {
     // your code
});
</script>

หรือใช้รูปย่อ

1
2
3
4
5

<script type="text/javascript">
$(function() {
     // your code
});
</script>

3 เหตุผลที่เราควรจะใช้ jQuery จาก Google

1. ลดความยุ่งเหยิง
CDN คือ การกระจายข้อมูล ข้าม server ต่างๆ ในระบบเครือข่าย ซึ่งเมื่อผู้ใช้งานเปิดเวปไซด์
เบราว์เซอร์ของผู้ใช้จะดาวน์โหลดข้อมูลอัตโนมัติ จากระบบเครือข่ายที่ใกล้ที่สุด

ซึ่งหมายความว่า ถ้าใช้ไลบารี่ jQuery จาก Google ผู้ใช้งานที่ไม่ได้อยู่ใกล้ server ของคุณ
จะสามารถดาวน์โหลด jQuery ได้เร็วกว่าดาวน์โหลดจาก server ของตัวท่านเอง

2. เพิ่มความได้เปรียบ
ในการลดการใช้งานเซิร์ฟเวอร์เกินพิกัด โดยไม่จำเป็น ควรจะกำหนดจำนวนในการเข้าไปใช้งาน
พร้อมกัน ซึ่งจำนวนนั้นอาจจะเท่ากับ 2 ความต้องการในแต่ละโฮสต์

ในการใช้งานไลบารี่ jQuery จาก Google จะเป็นการลดหนึ่งความต้องการในเวปไซด์ของท่าน
ทำให้ความสามารถในการดาวน์โหลดข้อมูลของเวปไซด์ท่านเพิ่มขึ้น ซึ่งมันอาจจะไม่สร้าง
ความแตกต่างอย่างเด่นชัด แต่สำหรับเวปไซด์ที่อนุญาตให้ใช้งานพร้อมกันแค่ 2 ความต้องการ
ความแตกต่างนั้นจะเห็นได้อย่างชัดเจน

Continue reading »