如何使用jQuery MaskedInput 1.3正确设置小数掩码

Question

我在我的ASP.NET MVC 3应用中使用了jQuery 1.7.1和jQuery maskedinput 1.3。

如何设置接受十进制值(SQL decimal 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', ' ');

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