I need to format the currency in the as numbers are entered in textboxes. I can format the currency in the calculations and display in the totals but can not figure out how to format in input textboxes.
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitl ed Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javas cript" type="text/javascript">
[/HTML]
Expand|Select|Wrap|Line Numbers
- function addthem() {
- //ADD FIRST INPUT VALUE
- var add1 = document.addem.input1.value
- var add1 = parseFloat(add1, 10)
- add1 = (isNaN(add1))?0:add1;
- //ADD SECOND INPUT VALUE
- var add2 = document.addem.input2.value
- var add2 = parseFloat(add2, 10)
- add2 = (isNaN(add2))?0:add2;
- //ADD THIRD INPUT VALUE
- var add3 = document.addem.input3.value
- var add3 = parseFloat(add3, 10)
- add3 = (isNaN(add3))?0:add3;
- //ADD FOURTH INPUT VALUE
- var add4 = document.addem.input4.value
- var add4 = parseFloat(add4, 10)
- add4 = (isNaN(add4))?0:add4;
- //ADD FIFTH INPUT VALUE
- var add5 = document.addem.input5.value
- var add5 = parseFloat(add5, 10)
- add5 = (isNaN(add5))?0:add5;
- //ADD SIXTH INPUT VALUE
- var add6 = document.addem.input6.value
- var add6 = parseFloat(add6, 10)
- add6 = (isNaN(add6))?0:add6;
- //ADD THEM TOGETHER
- return eval(add1) + eval(add2) + eval(add3) + eval(add4) + eval(add5) + eval(add6);
- }
- function addthem2() {
- //ADD FIRST INPUT VALUE
- var add7 = document.addem.input7.value
- var add7 = parseFloat(add7, 10)
- add7 = (isNaN(add7))?0:add7;
- //ADD SECOND INPUT VALUE
- var add8 = document.addem.input8.value
- var add8 = parseFloat(add8, 10)
- add8 = (isNaN(add8))?0:add8;
- //ADD THIRD INPUT VALUE
- var add9 = document.addem.input9.value
- var add9 = parseFloat(add9, 10)
- add9 = (isNaN(add9))?0:add9;
- //ADD FOURTH INPUT VALUE
- var add10 = document.addem.input10.value
- var add10 = parseFloat(add10, 10)
- add10 = (isNaN(add10))?0:add10;
- //ADD THEM TOGETHER
- return eval(add7) + eval(add8) + eval(add9) + eval(add10);
- }
- //FUNCTION WILL PARSE THE TOTAL AS DOLLAR FORMAT
- function dollarformat(num) {
- num = num.toString().replace(/\$|\,/g,'');
- if(isNaN(num)) num = "0";
- cents = Math.floor((num*100+0.5)%100);
- num = Math.floor((num*100+0.5)/100).toString();
- if(cents < 10) cents = "0" + cents;
- for (var i = 0; i < 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 ('$' + num + '.' + cents);
- }
- //CALCUATES THE ADD/SUBTRACT VALUES
- function calculate() {
- var x = addthem()
- var y = addthem2()
- if(x>y) {
- max = x-y
- document.addem.answer3.value = dollarformat(max)
- }
- if(x<y) {
- max = dollarformat(y-x)
- max = "-" + max
- document.addem.answer2.value = max
- }
- if (x==y) {
- max = x-y
- document.addem.answer3.value = dollarformat(max)
- }
- }
- function addition() {
- document.addem.answer.value = addthem()
- document.addem.answer.value = dollarformat(document.addem.answer.value)
- calculate()
- }
- function addition2() {
- document.addem.answer2.value = addthem2()
- document.addem.answer2.value = dollarformat(document.addem.answer2.value)
- calculate()
- }
- function subtration() {
- document.addem.answer3.value = subtractthem()
- document.addem.answer3.value = dollarformat(document.addem.answer3.value)
- calculate()
- }
- function calculating() {
- document.addem.answer.value = calculate()
- document.addem.answer.value = dollarformat(document.addem.answer.value)
- }
</script>
</head>
<body bgcolor="#FFCCC C">
<form name="addem" method="post">
<table border="0" cellpadding="2" cellspacing="0" width="731">
<tr>
<td colspan="3"><h3 align="center" style="margin-top: 0; margin-bottom: 12" ><font face="Verdana" size="3"><b>Tax able Gain Worksheet</b></font></h3>
<tr>
<td width="441" colspan="1">Pol icy #:
<input type="text" name="OBKey__10 1_1" size="30" tabindex="1"></td>
<td width="282" colspan="1" align="right"> Issue Date:
<input type="text" name="OBKey_104 _1" tabindex="4"></td>
</tr>
<tr>
<td width="441" colspan="1" align="left">Po licy Owner:
<input type="text" name="OBKey__10 2_1" size="50" tabindex="2"></td>
<td width="282" colspan="1" align="right">a s of Date:
<input type="text" name="OBKey_103 _1" tabindex="3"></td>
</tr>
</table>
<tr>
<td width="231">&nb sp;</td>
</tr>
<table width="545">
<tr>
<td width="112" align="left"><i nput type="checkbox" name="Full Surrender" value="ON" tabindex="5">
Full Surrender</td>
<td width="95" align="center"> <input type="checkbox" name="Maturity" value="ON" tabindex="6">
Maturity</td>
<td width="127" align="center"> <input type="checkbox" name="Lapse/Expiry" value="ON" tabindex="7">
Lapse/Expiry</td>
<td width="191" align="left"><i nput type="checkbox" name="Overloan" value="ON" tabindex="8">
Overloan</td>
</tr>
</table>
<tr>
<td width="231">&nb sp;</td>
</tr>
<table border="0" cellpadding="2" cellspacing="0" width="741">
<tr>
<td width="400" colspan="1" align="right">B ase Contract Cash Value ............... ............... ............... .......</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input1" onChange="addit ion(addem);" size="20" maxlength="10" tabindex="9" ></td>
</tr>
<tr>
<td colspan="1" align="right">C ash Value of LAD's ............... ............... ............... ............... </td>
<td colspan="2" align="left"><i nput type="TEXT" name="input2" onChange="addit ion(addem);" size="20" maxlength="10" tabindex="10" ></td>
</tr>
<tr>
<td colspan="1" align="right">D ividend Deposit ............... ............... ............... ............... ......</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input3" onChange="addit ion(addem);" size="20" maxlength="10" tabindex="11" ></td>
</tr>
<tr>
<td colspan="1" align="right">P remium Refund ............... ............... ............... ............... .......</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input5" onChange="addit ion(addem)" size="20" maxlength="10" tabindex="12"></td>
</tr>
<tr>
<td colspan="1" align="right">O ther   ;<input type="text" size="30" > ........ ............... .......</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input6" onChange="addit ion(addem)" size="20" maxlength="10" tabindex="13"></td>
</tr>
<tr>
<td colspan="1" align="right">E xchange Fee ............... ............... ............... ............... ...........</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input4" onChange="addit ion(addem)" size="20" maxlength="10" tabindex="14" style= "color:#FF0 000" ></td>
</tr>
<tr>
<td colspan="1" align="right"></td>
<td width="209" colspan="1" align="right">< b>Subtotal</b>
<td width="120" colspan="1" align="right">< input type="TEXT" name="answer" onFocus="this.b lur();" size="20" maxlength="10"> </td>
</tr>
<tr>
<td colspan="1" align="right">C ost Basis (base policy prem. less dividends paid or credited)</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input7" onChange="addit ion2(addem)" size="20" maxlength="10" tabindex="15"></td>
</tr>
<tr>
<td colspan="1" align="right">D ividend Deposit ............... ............... ............... ............... ......</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input8" onChange="addit ion2(addem)" size="20" maxlength="10" tabindex="16"></td>
</tr>
<tr>
<td colspan="1" align="right">O ther   ;<input type="text" size="30" > ........ ............... .......</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input9" onChange="addit ion2(addem)" size="20" maxlength="10" tabindex="17"></td>
</tr>
<tr>
<td colspan="1" align="right">E xchange Fee ............... ............... ............... ............... ...........</td>
<td colspan="2" align="left"><i nput type="TEXT" name="input10" onChange="addit ion2(addem) "size="20" maxlength="10" tabindex="18" style="color:#F F0000 " ></td>
</tr>
<tr>
<td colspan="1" align="right">& nbsp;</td>
<td width="209" colspan="1" align="right">< b>Investment in Contract</b> </td>
<td width="120" colspan="1" align="right">< input type="TEXT" name="answer2" onFocus="this.b lur();" size="20" maxlength="10"> </td>
</tr>
<tr>
<td colspan="1" align="right">& nbsp;</td>
<td width="209" colspan="1" align="right">< b>Amount of Taxable Income</b> </td>
<td width="120" colspan="1" align="right">< input type="TEXT" name="answer3" size="20" maxlength="10" ></td>
</tr>
<tr>
<td width="231">&nb sp;</td>
</tr>
<tr>
<td colspan="1" align="left">10 99 Completed?</td>
<td colspan="1" align="left"><i nput type="checkbox" name="1099Y" value="ON" tabindex="20">Y es
<input type="checkbox" name="1099N" value="ON" tabindex="21">N o</td>
<td width="153" colspan="1" align="right"></td>
</tr>
<tr>
<td colspan="1" align="left">Is Federal withholding notice needed?</td>
<td colspan="1" align="left"><i nput type="checkbox" name="1099Y" value="ON" tabindex="22">Y es
<input type="checkbox" name="1099N" value="ON" tabindex="23">
No & nbsp; &nbs p; & nbsp;Done by</td>
<td colspan="1" align="left"><i nput type="text" name="OBPropert y_UserName" tabindex="24"></td>
</tr>
<tr>
<td colspan="1" align="left">Po ssible state withholding?</td>
<td colspan="1" align="left"><i nput type="checkbox" name="1099Y" value="ON" tabindex="25">Y es
<input type="checkbox" name="1099N" value="ON" tabindex="26">
No & nbsp; &nbs p; D ate</td>
<td colspan="1" align="left"><i nput type="text" name="OBPropert y_DateStored" tabindex="27"></td>
</tr>
<tr>
<td><button type="reset" value="Reset" name="Reset" id="Reset">Rese t</button></td>
<td><button type="submit">S ubmit</button></td>
</tr>
</table>
</form>
<body>
</body>
</html>[/HTML]