JS 实现 数字转为带有逗号的字符串

本文介绍了一种在网页输入框中实时将数字转换为带千分位分隔符的字符串的方法,并在保存时去除分隔符还原成数字。通过JavaScript实现,确保了用户友好性和数据准确性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下面的功能就是在输入的时候先把数字转为带有千分号的字符串,在保存的时候又把字符串给转为数字的功能 。

 

 


  <script type="text/javascript">  
  function onButtonClick(itemId,itemValue){
  switch (itemId){
     case "add":
         document.getElementById('addBtn').click();
         break;
     case "save":
          if(confirm("确定保存吗?")){

//下面说是在保存的时候 把字符串转为数字的函数。
          document.getElementById("employeeMoney").value=document.getElementById("employeeMoney").value.replace(/,/gi,'');
    document.getElementById('saveBtn').click();
    }
         break;
     case "check":
         document.getElementById('checkBtn').click(); 
         break;
     case "delete":
         document.getElementById('delBtn').click();
         break;
     case "cancel":
         document.getElementById('cancelBtn').click();                    
            break;
    }   
  } 

//下面就是数字自动变为带有逗号的字符串 
function currencyFormat(fld, milSep, decSep, e) {
var sep = 0;
var key = '';
var i = j = 0;
var len = len2 = 0;
var strCheck = '0123456789';
var aux = aux2 = '';
var whichCode = (window.Event) ? e.which : e.keyCode;
if (whichCode == 13) return true;  // Enter
key = String.fromCharCode(whichCode);  // Get key value from key code
if (strCheck.indexOf(key) == -1) return false;  // Not a valid key
len = fld.value.length;
for(i = 0; i < len; i++)
if ((fld.value.charAt(i) != '0') && (fld.value.charAt(i) != decSep)) break;
aux = '';
for(; i < len; i++)
if (strCheck.indexOf(fld.value.charAt(i))!=-1) aux += fld.value.charAt(i);
aux += key;
len = aux.length;
if (len == 0) fld.value = '';
if (len == 1) fld.value = '0'+ decSep + '0' + aux;
if (len == 2) fld.value = '0'+ decSep + aux;
if (len > 2) {
aux2 = '';
for (j = 0, i = len - 3; i >= 0; i--) {
if (j == 3) {
aux2 += milSep;
j = 0;
}
aux2 += aux.charAt(i);
j++;
}
fld.value = '';
len2 = aux2.length;
for (i = len2 - 1; i >= 0; i--)
fld.value += aux2.charAt(i);
fld.value += decSep + aux.substr(len - 2, len);
}
return false;
}

</script>   
</head>
 


     <tr>
       <td width="10%" height="25" align="right" class="form-label">
           <font color="red" >*</font>职员工资:</td>
     <td width="20%" class="form-field">
     <s:textfield name="employee.employeeMoney" id="employeeMoney" 
     cssClass="x-form-field-noborder"  cssStyle="width:100%;"  onkeypress="return(currencyFormat(this,',','.',event))"/></td>
     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值