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. 

的東西，你的生活的鉤子裏的邏輯。