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

时间:2012-01-21 09:49:03

标签: javascript jquery asp.net-mvc asp.net-mvc-3 jquery-plugins

我在jQuery 1.7.1应用中使用jQuery maskedinput 1.3ASP.NET MVC 3

如何设置一个接受十进制值的掩码项(SQL十进制数10,2)。我的工作有点但看起来很可怕:

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

当我转到我的页面并单击文本框时,会有一个数字值空间。进一步小数部分。这看起来很糟糕,似乎效果不佳。我将在小数的左半部分输入9,然后在小数的右边部分输入99。因此,如果文本框仍然具有焦点,那么它看起来像这样:

9___________.99

我不希望它像这样,我希望用户能够随时输入小数,我想要类似的东西:

9.99

此外,如果文本框失去焦点,那么它现在看起来像:

999

我需要它来显示:

9.99

有人可以帮我正确设置吗?

2 个答案:

答案 0 :(得分:8)

Masked Input jQuery Plugin用于固定宽度输入,例如格式化电话号码。看看例如取而代之的是numeric PluginautoNumeric Plugin

答案 1 :(得分:1)

Masked Input jQuery Plugin可以配置为支持可变宽度小数位。

首先添加一个支持本地小数位分隔符或数字字符的掩码定义:

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

然后定义掩码:

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

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