jQuery:在击键时自动将文本字段中的数字格式化为小数点后两位

Question

如何让输入字段(文本)只接受数字并在用户输入每个数字时自动将其格式设置为小数点后两位？

例如该字段的默认值为0.00用户想要输入 23.50

Step 1: user types 2 - field shows 0.02
Step 2: user types 3 - field shows 0.23
Step 3: user types 5 - field shows 2.35
Step 4: user types 0 - field shows 23.50

提前致谢!

Answer 1

以下正则表达式匹配 99.99、99999.99 等。

\$\d+\.\d{2}

使用 jQuery 的 .live() 函数将 keyup 事件连接到文本框。

$('.textBoxDecimalOnly').live('keyup', function () {
    // inside this keyup hook, grab the value in the text box.
    // if it matches the regex... do something
    // else do something different
});

当 keyup 发生时，根据该正则表达式检查文本框的值，并根据您的答案执行您想要的操作。

要使其从右到左工作，您可以重新格式化字符串...

// 1. get text in the box.
// 2. if length < 3 ... append a "." to the first string.
// 3. if > 3 get the index of the 2nd to last character and append "." just before it.

将逻辑填充到你的 live hook 中。