Helpful JavaScripts to develop website

[JavaScriptBank]

Helpful JavaScript for Web development

Simple JavaScript Number Formatter

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

One JavaScript check number (http://www.javascriptbank.com/=JavaScript check number) function will take any decima... detail (http://www.javascriptbank.com/simple-javascript-number-formatter.html/en//) at JavaScriptBank.com - 2.000+ free JavaScript codes (http://www.javascriptbank.com/)


http://www.javascriptbank.com/javascript.images/form/simple-javascript-number-formatter.jpg (http://www.javascriptbank.com/javascript/form/simple-javascript-number-formatter/preview/en/)
Demo: JavaScript Simple JavaScript Number Formatter (http://www.javascriptbank.com/simple-javascript-number-formatter.html/en/)


How to setup

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

<script type="text/javascript">
// Created by: Justin Barlow | http://www.netlobo.com/
// This script downloaded from www.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

<div>
numberFormat():<br>

<form method="get" onsubmit="javascript:return false;">
<input type="text" onkeyup="javascript:document.getElementById('numFormatResul t').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 Make link open in new tab/window (http://www.javascriptbank.com/make-link-open-in-new-tab-window.html/en/) - JavaScript World clock (http://www.javascriptbank.com/world-clock-with-unique-display.html/en/) - circumference calculator (http://www.javascriptbank.com/circumference-calculator.html/en/)


The Site may provide, or third parties may provide, links to non-JavaScriptBank.com Internet World Wide Web sites or resources. Because JavaScriptBank.com has no control over such sites and resources, you acknowledge and agree that JavaScriptBank.com is not responsible for the availability of such external sites or resources, and does not endorse and is not responsible or liable for any content, advertising, products, or other materials on or available from such sites or resources. You further acknowledge and agree that JavaScriptBank.com shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with use of or reliance on any such content, goods or services available on or through any such site or resource.