autoNumeric เป็น plugin ของ jQuery ที่ใช้จัดการรูปแบบการแสดงผลของค่าเงินและตัวเลขที่เรากรอกผ่าน text input ซึ่งถือได้ว่าเป็น plugin ที่พูดได้ว่าเราจำเป็นต้องใช้เลยทีเดียว หากโปรเจ็คที่กำลังทำอยู่มีการจัดการตัวเลขหรือเรื่องเงินๆ ทองๆ ครับ ^^
โดยเจ้า autoNumeric ก็มีวิธีการใช้งานที่ง่ายด้วย โดยก่อนอื่นจะต้องดาวน์โหลด autoNumeric ก่อนนะครับ โดยสามารถเข้าไปดาวน์โหลดได้ที่ ดาวน์โหลด autoNumeric
จากนั้นก็แปะ html เพื่อโหลด autoNumeric มาใช้งานครับ อ่ออย่าลืมโหลด jQuery ด้วยนะครับ ไม่งั้นจะใช้งานไม่ได้นะครับ ^^
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> </script> <script src="autoNumeric-1.8.0.js" type=text/javascript> </script>
สมมติว่าเรามีฟอร์มเหมือนด้านล่างนะครับ
<form method="POST" action=""> <input type="text" id="currency" value="" name="currency" /> ... <input type="submit" name="submit" value="submit" /> </form>
จากนั้นก็เรียกใช้งานได้เลยครับ
<script type="text/javascript">
jQuery(function($) {
$('#currency').autoNumeric('init');
});
</script>
โดยค่าเริ่มต้นของรูปแบบการแสดงผลจะเป็นดังนี้ครับ 9,999.00 ขอย้ำว่าค่าเริ่มต้นนะครับ เพื่อนๆ สามารถเข้าไปดูลูกเล่นเพิ่มเติมได้ที่เว็บหลักของ autoNumeric ได้เลยครับ