jquery - 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 中填充逻辑。