<div>
after formating modify the value of the object : which.value = num;<br />

<pre><code class="code-10 nolinks" id="code-8169360"><span>function toCurrency(which) </span>
<span>{  </span>
<span></span>
<span>var num = which.value;</span>
<span></span>
<span>num = num.toString().replace(/\$|\,/g, '');  if (isNaN(num)) num = &quot;0&quot;;  sign = (num == (num = Math.abs(num)));  num = Math.floor(num * 100 + 0.50000000001);  cents = num % 100;  num = Math.floor(num / 100).toString();  if (cents &lt; 10) cents = '0' + cents;  for (var i = 0; i &lt; Math.floor((num.length - (1 + i)) / 3); i++) {    num = num.substring(0, num.length - (4 * i + 3)) + ',' + num.substring(num.length - (4 * i + 3))  }  return (((sign) ? '' : '-') + '$' + num + '.' + cents)</span>
<span></span>
<span>which.value = num;</span>
<span></span>
<span>}</span>
</code></pre>
</div>


<div>
another ref : <a href="http://www.w3schools.com/jsref/event_onblur.asp" rel="ugc">http://www.w3schools.com/jsref/event_onblur.asp</a>
</div>


<div>
Hi leakim971,<br />
<br />
&nbsp; i added &nbsp; &nbsp;which.value = num; &nbsp; &nbsp;at the end of the function. &nbsp;it still doesn't format the input value as currency...<br />
<br />
<br />
&nbsp;<br />
<br />

</div>


<div>
eh I did not notice you return the formatted number at the end.<br />
You can remove which.value = num; (line 8)<br />
<br />
and update your input like this :<br />

<pre><code class="code-1 nolinks" id="code-8169361"><span>&lt;input name=&quot;money&quot; type=&quot;text&quot; id=&quot;money&quot; OnBlur=&quot;this.value = toCurrency(this)&quot;/&gt;</span>
</code></pre>
</div>


<div>
great~~ it works! &nbsp;But, now I got a bigger problem... I have several of these money fields, and have the other function written for Total Amount field, which will sum up all the money fields. &nbsp;Is there any way to convert &nbsp;the Masked data in money fields back to number, so then, the existing TotalAmount() function will work?<br />
<br />
Thank you!
</div>


<div>
it look like a new question...<br />
<br />
to back to a decimal number :<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-35774284-1"><span>function toDecimal(which) { // $ab.xy</span>
<span>     which.value = which.replace(/\D/g, &quot;&quot;) / 100;</span>
<span>}</span>
</code></pre>
<br />
or <br />
<br />

<pre><code class="code-1 nolinks" id="code-20-35774284-2"><span>function toDecimal(which) { // $ab.xy</span>
<span>     return which.replace(/\D/g, &quot;&quot;) / 100;</span>
<span>}</span>
</code></pre>
<br />
When youv'e time check this : <a href="http://www.w3schools.com/jsref/jsref_tofixed.asp" rel="ugc">http://www.w3schools.com/jsref/jsref_tofixed.asp</a>
</div>


<div>
ok. I'll open a new question.
</div>


<div>
The new question is at:<br />
<a href="https://www.experts-exchange.com/questions/27044851/Java-Script-Mask-and-Summing-Up.html" rel="ugc">https://www.experts-exchange.com/questions/27044851/Java-Script-Mask-and-Summing-Up.html</a>
</div>


<div>
<div class="content wysiwyg-content">
Dear all,<br />
<br />
&nbsp; I'm working with the attached java script function to mask a input text field to &quot;$0.50 or $1,000.50 &quot;<br />
<br />
&nbsp; When I run the page, I don't get error message and my input text field does not change to the above currency format either.<br />
<br />
&nbsp; &nbsp;I wonder what's going on with script. &nbsp;I'm calling the function as follow:<br />
<br />
&lt;body&gt;<br />
&lt;form id=&quot;form1&quot; name=&quot;form1&quot; method=&quot;post&quot; action=&quot;&quot;&gt;<br />
<br />
&nbsp; &nbsp; &lt;input name=&quot;money&quot; type=&quot;text&quot; id=&quot;money&quot; OnBlur=&quot;toCurrency(this)&quot;/<wbr />&gt;<br />
<br />
&nbsp; &lt;/form&gt;<br />
&lt;/body&gt;<br />
<br />
<br />
Thank you!!<br />

<pre><code class="code-1 nolinks" id="code-8169354"><span>function toCurrency(which) </span>
<span>{  </span>
<span></span>
<span>var num = which.value;</span>
<span></span>
<span>num = num.toString().replace(/\$|\,/g, '');  if (isNaN(num)) num = &quot;0&quot;;  sign = (num == (num = Math.abs(num)));  num = Math.floor(num * 100 + 0.50000000001);  cents = num % 100;  num = Math.floor(num / 100).toString();  if (cents &lt; 10) cents = '0' + cents;  for (var i = 0; i &lt; Math.floor((num.length - (1 + i)) / 3); i++) {    num = num.substring(0, num.length - (4 * i + 3)) + ',' + num.substring(num.length - (4 * i + 3))  }  return (((sign) ? '' : '-') + '$' + num + '.' + cents)</span>
<span></span>
<span>}</span>
</code></pre>
</div>
</div>


Dear all,

  I'm working with the attached java script function to mask a input text field to "$0.50 or $1,000.50 "

  When I run the page, I don't get error message and my input text field does not change to the above currency format either.

   I wonder what's going on with script.  I'm calling the function as follow:

<body>
<form id="form1" name="form1" method="post" action="">

    <input name="money" type="text" id="money" OnBlur="toCurrency(this)"/>

  </form>
</body>


Thank you!!

Java Script Format Currency

A scripting language is a programming language that supports scripts, programs written for a special run-time environment that automate the execution of tasks that could alternatively be executed one-by-one by a human operator. Scripting languages are often interpreted (rather than compiled). Primitives are usually the elementary tasks or API calls, and the language allows them to be combined into more complex programs. Environments that can be automated through scripting include software applications, web pages within a web browser, the shells of operating systems (OS), embedded systems, as well as numerous games. A scripting language can be viewed as a domain-specific language for a particular environment; in the case of scripting an application, this is also known as an extension language.

Scripting Languages

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

JScript is Microsoft's dialect of the ECMAScript standard that is used in Microsoft's Internet Explorer. JScript is implemented as an Active Scripting engine, so it can be "plugged in" to OLE Automation applications that support Active Scripting, such as Internet Explorer, Active Server Pages, and Windows Script Host. It also means such applications can use multiple Active Scripting languages, e.g., JScript, VBScript or PerlScript.