Làm cách nào để định dạng số động trong trường nhập?

Question

Tôi muốn định dạng số khi đang di chuyển với tư cách người dùng. Có một vài plugins hữu ích như jquery.maskedinput, nhưng không ai trong số họ có khả năng để tạo ra một mặt nạ năng động sẽ làm việc với tất cả các kịch bản:

• 1000000 -> 1 000 000
• 100000 -> 100 000
• 10000 -> 10 000

Và cứ tiếp tục như vậy. Có lẽ có một cách thông minh để đạt được điều này với jquery động như là loại người dùng? Hoặc có lẽ tôi chỉ bỏ lỡ một plugin thực hiện điều này? :)

Answer 1

Đây là một regexp đẹp để có những chuỗi cách nhau đúng cách: javascript split string at parts

Và đây là một plugin nhỏ thực nghiệm điều đó dường như làm việc ok bây giờ (nhờ Segaja từ #jquery trên freenode!):

https://gist.github.com/1047003

Để sử dụng nó chỉ bao gồm nó trong mã trang và thêm:

$("input.someclass").formatInput(); 

Answer 2

Có một plugin tốt đẹp có thể vừa định dạng vừa phân tích cú pháp các số như thế này. jquery-numberformatter

Điều bạn muốn làm là khi giá trị của trường thay đổi, ngay lập tức phân tích giá trị trường và đặt lại thành định dạng bạn muốn.