如何使用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', ' ');

小数位是可选的，您无法控制小数位数，但在某些情况下仍然有用，并保存添加另一个插件。