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

发布于 2024-12-28 13:46:16 字数 578 浏览 2 评论 0原文

我在我的 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

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

I am using jQuery 1.7.1 and jQuery maskedinput 1.3 in my ASP.NET MVC 3 app.

How would I set up a masked item that accepts a decimal value (SQL decimal 10,2). What I have works but it looks horrible:

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

When I go to my page and click on the textbox then there is space for numeric values with a . further on for the decimal part. This looks horrible and it doesn't seem to work well. I will type in 9 for the left part of the decimal and then 99 for the right part of the decimal. So if the textbox still has the focus then it looks something like this:

9___________.99

I don't want it like this, I want the user to be able to type in a decimal anytime, I want something like:

9.99

Also, if the textbox looses focus, then it now looks like:

999

I need it to display:

9.99

Can someone please help me set this up properly?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

纵山崖 2025-01-04 13:46:16

屏蔽输入 jQuery 插件 适用于固定宽度输入,例如格式化电话号码。看看例如 数字插件autoNumeric 插件

The Masked Input jQuery Plugin is meant for fixed width input, like formatting phone numbers. Have a look at e.g. the numeric Plugin or the autoNumeric Plugin instead.

机场等船 2025-01-04 13:46:16

屏蔽输入 jQuery 插件 可以配置为支持可变宽度小数位。

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

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

然后定义掩码:

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

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

The Masked Input jQuery Plugin can be configured to support variable width decimal places.

Firstly add a mask definition that supports your local decimal place separator or numeric characters:

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

Then define the mask:

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

Decimal places are optional and you cannot control the number of decimal places but still useful in certain scenarios and saves adding another plugin.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文