Cách thiết lập đúng mặt nạ thập phân bằng jQuery MaskedInput 1.3

Question

Tôi đang sử dụng jQuery 1.7.1 và jQuery maskedinput 1.3 trong ứng dụng ASP.NET MVC 3 của mình.

Làm cách nào để thiết lập mục mặt nạ chấp nhận giá trị thập phân (SQL thập phân 10,2). Những gì tôi đã làm việc nhưng có vẻ khủng khiếp:

$('#AnnualIncome').mask('9?9999999.99', { placeholder: ' ' }); 

Khi tôi truy cập trang của tôi và nhấp vào hộp văn bản thì có không gian cho giá trị số bằng a. tiếp tục cho phần thập phân. Điều này có vẻ khủng khiếp và nó dường như không hoạt động tốt. Tôi sẽ gõ 9 cho phần bên trái của thập phân và sau đó 99 cho phần bên phải của số thập phân. Vì vậy, nếu hộp vẫn có sự tập trung sau đó nó trông giống như sau:

9___________.99 

Tôi không muốn nó như thế này, tôi muốn người dùng có thể gõ vào một số thập phân bất cứ lúc nào, tôi muốn một cái gì đó như:

9.99 

Ngoài ra, nếu các textbox thua lấy nét, sau đó nó bây giờ trông giống như:

999 

tôi cần nó để hiển thị:

9.99 

Ai đó có thể giúp tôi thiết lập đúng cách này không?

Answer 1

Masked Input jQuery Plugin có nghĩa là cho chiều rộng cố định đầu vào, như định dạng số điện thoại. Có một cái nhìn tại ví dụ thay vào đó, hãy numeric Plugin hoặc autoNumeric Plugin.

Answer 2

Có thể định cấu hình Masked Input jQuery Plugin để hỗ trợ các vị trí thập phân có độ rộng thay đổi.

Thứ nhất thêm một định nghĩa mặt nạ hỗ trợ nơi thập phân tách địa phương hoặc ký tự số:

$.mask.definitions['d'] = '[0-9.]'; 

Sau đó, xác định mặt nạ:

$('#AnnualIncome').mask('9?dddddddd', ' '); 

Vị trí thập phân là tùy chọn và bạn không thể kiểm soát số lượng số thập phân nhưng vẫn hữu ích trong một số trường hợp nhất định và tiết kiệm thêm một plugin khác.