Skip to content

Instantly share code, notes, and snippets.

@DarrenN
Created January 4, 2011 18:00
Show Gist options
  • Save DarrenN/765119 to your computer and use it in GitHub Desktop.
Save DarrenN/765119 to your computer and use it in GitHub Desktop.
makes commas in number on fly
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Index</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<form action="index_submit" method="get" accept-charset="utf-8">
<input type="text" name="figure" placeholder="$0" id="figure">
<p><input type="submit" value="Continue &rarr;"></p>
</form>
<script type="text/javascript" charset="utf-8">
var $field = $('#figure');
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
$field.keyup(function(){
var val = $field.val();
val = val.split(',').join('');
val = addCommas(val);
$(this).val(val);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment