How to format a textbox like "0.00" using jQuery or JavaScript? If I enter value 59, then it should bee 59.00. If I enter value as 59.20, then it should be the same.

How to format a textbox like "0.00" using jQuery or JavaScript? If I enter value 59, then it should bee 59.00. If I enter value as 59.20, then it should be the same.

• javascript
• jquery

Share Improve this question Follow edited Nov 13, 2012 at 5:47 Peter O. 32.9k1414 gold badges8585 silver badges9797 bronze badges asked Mar 26, 2010 at 5:55 Joby KurianJoby Kurian 3,94744 gold badges3232 silver badges3838 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

With jQuery, assuming you have an input like this:

<input type="text" id="someInput" name="something"/>

You can use this:

$('#someInput').blur(function() {
    var floatValue = parseFloat(this.value);
    if (!isNaN(floatValue)) { // make sure they actually entered a number
        this.value = floatValue.toFixed(2);
    }
});

Whenever the input loses focus, the value will be converted always have 2 decimal places, as long as the user entered something that can be parsed into a number.