Thread: Simple JavaScript Number Formatter

This JavaScript code example provides us two functions to clean up and format numbers quite nicely.

One JavaScript check number function will take any decima... detail at JavaScriptBank. com - 2.000+ free JavaScript codes

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/form/simple-javascript-number-formatter.jpg[/IMG]
Demo: JavaScript Simple JavaScript Number Formatter

How to setup

Step 1: Use JavaScript code below to setup the script
JavaScript

Code:

<script type="text/javascript">
// Created by: Justin Barlow | hxxp ://w w w. netlobo. com/
// This script downloaded from w w w.JavaScriptBank. com

// This function formats numbers by adding commas
function numberFormat(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;
}

// This function removes non-numeric characters
function stripNonNumeric( str ){
  str += '';
  var rgx = /^\d|\.|-$/;
  var out = '';
  for( var i = 0; i < str.length; i++ ){
    if( rgx.test( str.charAt(i) ) ){
      if( !( ( str.charAt(i) == '.' && out.indexOf( '.' ) != -1 ) ||
             ( str.charAt(i) == '-' && out.length != 0 ) ) ){
        out += str.charAt(i);
      }
    }
  }
  return out;
}
</script>

Step 2: Copy & Paste HTML code below in your BODY section
HTML

Code:

<div>
			numberFormat():<br>

			<form method="get" onsubmit="javascript:return false;">
				<input type="text" onkeyup="javascript:document.getElementById('numFormatResult').innerHTML = numberFormat( this.value );">

				<input type="reset" value="clear">
			</form>
			<span id="numFormatResult"></span>
			<br><br>
			stripNonNumeric():<br>
			<form method="get" onsubmit="javascript:return false;">

				<input type="text" onkeyup="javascript:document.getElementById('numStripResult').innerHTML = stripNonNumeric( this.value );">
				<input type="reset" value="clear">

			</form>
			<span id="numStripResult"></span>
			<br><br>
			stripNonNumeric() then numberFormat():<br>
			<form method="get" onsubmit="javascript:return false;">
				<input type="text" onkeyup="javascript:document.getElementById('numBothResult').innerHTML = numberFormat( stripNonNumeric( this.value ) );">

				<input type="reset" value="clear">
			</form>

			<span id="numBothResult"></span>
		</div>

JavaScript Enlarge Image - JavaScript Fading Slide Show - JavaScript Rotating Image script