Hi, I am

Ngô Tôn

I am a programmer.

Home / Programming / Web Development / Javascript / Một số Input Mask hay dùng khi thiết kế website – Nhật ký lập trình [Chapter 6]

Một số Input Mask hay dùng khi thiết kế website – Nhật ký lập trình [Chapter 6]

Một trong những yêu cầu khi thiết kế website đó là phải tạo sự tiện lợi cho người sử dụng. Input Mask được xem là giải pháp giúp hiển thị nội dung đẹp hơn trong form nhập vào.

Đã có nhiều thư viện Jquery hỗ trợ chúng ta, nhưng hôm nay Ngô Tôn sẽ hướng dẫn các bạn một số hàm cơ bản và thông dụng.

Ta sẽ áp dụng hàm replace trong Jquery.

Format số

Ở đây ta chấp nhận input nhập vào là số nguyên và số thập phân dương không âm.
Hàm này chỉ nhận vào số nguyên dương.

Format số điện thoại

Ta sẽ chia số điện thoại thành 3 đoạn kết hợp với hàm kiểm tra nhập vào là số.

VD: Input: 0902085911 -> Output: 090 208 5911

Format tiền tệ

VD: Input: 5000000 -> Output: 5,000,000

Format số hóa đơn

Trong hàm này mình sẽ sử dụng 1 cách hơi khác, có thể xem là cách thủ công.

Vì số hóa đơn luôn có 7 số và có số tăng dần.

VD: Input: 538 -> Output: 0000538

Ta áp dụng các hàm trên vào Input với hàm keyup().

 

Một trong những yêu cầu khi thiết kế website đó là phải tạo sự tiện lợi cho người sử dụng. Input Mask được xem là giải pháp giúp hiển thị nội dung đẹp hơn trong form nhập vào. Đã có nhiều thư viện Jquery hỗ trợ chúng ta, nhưng hôm nay Ngô Tôn sẽ hướng dẫn các bạn một số hàm cơ bản và thông dụng. Ta sẽ áp dụng hàm replace trong Jquery. Format số [crayon-59caaef47e8ad399763748/] Ở đây ta chấp nhận input nhập vào là số nguyên và số thập phân dương không âm. [crayon-59caaef47e8de517596738/] Hàm này chỉ nhận vào số…

User Rating: 5 ( 1 votes)

About ngoton

Ngô Tôn is a programmer. He is crazy about new gadgets and up to date with latest technology trends. Use comments to notify any issues you are facing.

Check Also

playlist

Hướng dẫn làm Playlist bằng HTML, CSS, Jquery

Hôm nay, Ngô Tôn .IT xin hướng dẫn các bạn làm 1 trang web playlist nhạc …

Leave a Reply

Your email address will not be published. Required fields are marked *