Share Định dạng nội dung nhập với thư viện Cleave.js

filiallion

Administrator
Staff member
Administrator
Messages
341
Points
10
Language
Tiếng Việt
Một trong những yêu cầu khi thiết kế, phát triển một website đó là phải tạo sự tiện lợi cho người dùng. Vì vậy, việc các bạn có thể tạo ra một chức năng giúp người dùng có thể nhập nhanh và chính xác các định dạng như ngày tháng, thời gian, địa chỉ email hay số thẻ tín dụng là một điều cần thiết. Cleave.js là một thư viện JavaScript chuyên nghiệp giúp các bạn có thể tạo nhanh các định dạng thường gặp một cách nhanh chóng.

Các bạn tải thư viện Cleave.js tại địa chỉ https://github.com/nosir/cleave.js và tích hợp vào website với dòng mã lệnh đơn giản như sau:
HTML:
<script src="path/to/cleave.min.js"></script>
Các bạn cài đặt thư viện Cleave.js như sau:
JavaScript:
var cleave = new Cleave('.cleave', {
    creditCard: true
});
Và áp dụng định dạng cho thành phần nhập liệu nào đó như ví dụ sau:
HTML:
<input type="text" class="cleave">
Các bạn có thể tìm hiểu thêm về thư viện Cleave.js tại địa chỉ https://nosir.github.io/cleave.js.
 
Top