如何使用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 

而且，如果文本框失去焦點，那麼它現在的樣子：

999 

我需要它顯示：

9.99 

有人能幫我設置好嗎？

Answer 1

該Masked Input jQuery Plugin是爲了固定寬度輸入，如格式化電話號碼。看看例如代替numeric Plugin或autoNumeric Plugin。

Answer 2

Masked Input jQuery Plugin可以配置爲支持可變寬度的小數位。

首先補充說，支持當地的小數位分隔符或數字字符屏蔽定義：

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

然後定義面膜：

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

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