Home > DeveloperSection > Blogs > Currency Textbox in HTML using JavaScript

Currency Textbox in HTML using JavaScript


JavaScript JavaScript 
Ratings:
0 Comment(s)
 7145  View(s)
Rate this:

Currency Textbox in HTML using JavaScript

In this blog I will illustrate a currency format($222.00) textbox using JavaScript with compatible all browser.

$222.00 in this format dollar ‘$’ and dot ‘.’ Will accept only one time in the textbox and rest of textbox content only numeric.

<html>

<head>

<script type="text/javascript">

function CurrencyFormat(val, id, e) {

        var key = e.keyCode || e.charCode || e.which;

        var currentChar = String.fromCharCode(key);

        if (e.keyCode == 46 && e.charCode == 0 && e.which == 0) {

            $(this).val("");

            return true;

        }

        if (e.keyCode == 36 && e.charCode == 0 && e.which == 0) {

            $(this).val("");

            return true;

        }

        if (val.indexOf(currentChar) != -1 && currentChar == ".") {

            return false;

        }

       if (val.indexOf(currentChar) != -1 && currentChar == "$") {

            return false;

        }

        if (key >= 48 && key <= 57 || key == 46 || key == 36 || e.keyCode === 8 || e.keyCode === 9 || e.keyCode === 37 || e.keyCode === 35 || e.keyCode === 39) {

            $(this).val("");

            return true;

        }

        return false;

    }

</script>

</head>

<body>

<input type='text' id='t1' onkeypress='return validateForCharacter(value, id, event)' />

</body>

In this code have a CurrencyFormat() method which have three parameter.

·         Value

·         Id

·         Event.

Value: is for give the textbox value  to function.

Id: is for give the textbox id to function.

Event: id for give the Event to text box.

CurrencyFormat() method will call on onkeypress event.

This screen will appear when show your code on browser.



Don't want to miss updates? Please click the below button!

Follow MindStick