แนะนำ plugin ของ jQuery จัดการตัวเลขด้วย autoNumeric

autoNumeric เป็น plugin ของ jQuery ที่ใช้จัดการรูปแบบการแสดงผลของค่าเงินและตัวเลขที่เรากรอกผ่าน text input ซึ่งถือได้ว่าเป็น plugin ที่พูดได้ว่าเราจำเป็นต้องใช้เลยทีเดียว หากโปรเจ็คที่กำลังทำอยู่มีการจัดการตัวเลขหรือเรื่องเงินๆ ทองๆ ครับ ^^

โดยเจ้า autoNumeric ก็มีวิธีการใช้งานที่ง่ายด้วย โดยก่อนอื่นจะต้องดาวน์โหลด autoNumeric ก่อนนะครับ โดยสามารถเข้าไปดาวน์โหลดได้ที่ ดาวน์โหลด autoNumeric

จากนั้นก็แปะ html เพื่อโหลด autoNumeric มาใช้งานครับ อ่ออย่าลืมโหลด jQuery ด้วยนะครับ ไม่งั้นจะใช้งานไม่ได้นะครับ ^^

&lt;script src=&quot;http://code.jquery.com/jquery-latest.min.js&quot; type=&quot;text/javascript&quot;&gt; &lt;/script&gt;<br />
  &lt;script src=&quot;autoNumeric-1.8.0.js&quot; type=text/javascript&gt; &lt;/script&gt;

สมมติว่าเรามีฟอร์มเหมือนด้านล่างนะครับ

&lt;form method=&quot;POST&quot; action=&quot;&quot;&gt;<br />
	&lt;input type=&quot;text&quot; id=&quot;currency&quot; value=&quot;&quot; name=&quot;currency&quot; /&gt;<br />
	...<br />
	&lt;input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;submit&quot; /&gt;<br />
&lt;/form&gt;

จากนั้นก็เรียกใช้งานได้เลยครับ

&lt;script type=&quot;text/javascript&quot;&gt;<br />
  jQuery(function($) {<br />
      $('#currency').autoNumeric('init');<br />
  });<br />
&lt;/script&gt;

โดยค่าเริ่มต้นของรูปแบบการแสดงผลจะเป็นดังนี้ครับ 9,999.00 ขอย้ำว่าค่าเริ่มต้นนะครับ เพื่อนๆ สามารถเข้าไปดูลูกเล่นเพิ่มเติมได้ที่เว็บหลักของ autoNumeric ได้เลยครับ