[Cleave.js] ปลักอินช่วยจัดรูปแบบตัวเลข

กลับมาแล้วกับการเขียนบทความเดือนละ 1 บทความ ที่เขียนน้อย เพราะขี้เกีตจนั้นเอง กลับกับมาคราวนี้ผมจะมาแนะนำปลักอินของ ที่จะช่วยในการจัดรูแบบของตัวเลขให้ดูง่ายยิ่งขึ้นนั้นเอง โดยเจ้านี้มีชื่อว่า Cleave.js   ความสามารถของมันจะเป็นการจัดการตัวเลขในแท็ก input นั้นเอง โดยตัวมันมีให้เลือกทำหลายรูปแบบเลย ดังตัวอย่างภาพด้านล่าง คือ รูปแบบตัวเลขของเคดิตการ์ดนั้นเอง  

โดยยังมีอีกหลายรูปแบบเช่น

  • Phone number formatting
  • Date formatting
  • Numeral formatting
  • Custom options

ตัวอย่างการใช้งาน cleave.js

ยังไงก็ลองนำไปใช้งานกันดูนะครับ น่าจะช่วยทุกท่านให้ประหยัดเวลาในการจัดรูปแบบตัวเลขลงไปได้พอสมควรเลย

Advertisements

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s