Share Tự động định dạng số được nhập với thư viện Mask Number

[filiallion]

Language

Tiếng Việt

Với những trường hợp các bạn cho phép người dùng nhập số theo một định dạng quy định nào đó, chẳng hạn như có dấu phân cách hàng nghìn hay số điện thoại thì các bạn có thể sử dụng thư viện Mask Number. Thư viện Mask Number là một plugin jQuery rất nhỏ gọn, đáp ứng những yêu cầu tối thiểu về việc định dạng số.

Các bạn cần tích hợp thư viện jQuery vào website trước khi sử dụng thư viện Mask Number. Các bạn có thể tải thư viện Mask Number tại địa chỉ https://www.jqueryscript.net/download/jQuery-Plugin-For-Number-Input-Formatting-Mask-Number.zip và tích hợp vào website với nội dung mã lệnh HTML như sau:

<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.masknumber.js"></script>

Các bạn cài đặt thư viện Mask Number với dấu phân cách hàng nghìn như ví dụ sau:

$('input').maskNumber({
    thousands: ','
});

Với cài đặt như trên thì tất cả các thẻ input sẽ đều được áp dụng định dạng.