如何使用jQuery MaskedInput 1.3正確設置小數掩碼

Question

我在我的ASP.NET MVC 3應用程序中使用jQuery 1.7.1和jQuery maskedinput 1.3 。

如何設置一個接受十進制值的掩碼項（SQL十進制數10,2）。 我有什么作品，但它看起來很可怕：

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

當我轉到我的頁面並單擊文本框時，有一個數字值空間。 進一步小數部分。 這看起來很糟糕，似乎效果不佳。 我將在小數的左半部分輸入9，然后在小數的右邊部分輸入99。 因此，如果文本框仍然具有焦點，那么它看起來像這樣：

9___________.99

我不希望它像這樣，我希望用戶能夠隨時輸入小數，我想要類似的東西：

9.99

此外，如果文本框失去焦點，那么它現在看起來像：

我需要它來顯示：

9.99

有人可以幫我正確設置嗎？

Answer 1

Masked Input jQuery插件用於固定寬度輸入，如格式化電話號碼。 請查看例如數字插件或autoNumeric插件。

Answer 2

Masked Input jQuery插件可以配置為支持可變寬度小數位。

首先添加一個支持本地小數位分隔符或數字字符的掩碼定義：

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

然后定義掩碼：

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

小數位是可選的，您無法控制小數位數，但在某些情況下仍然有用，並保存添加另一個插件。