`
wjt276
  • 浏览: 650354 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

货币输入框

阅读更多
第二步:引用JavaScript(moneyinput.js)文件
<script src="moneyinput.js" type="text/javascript" ></script>


第二步:在需要输入框处,加入以下代码就可以了。
<input type="text"  id="price"  name="price" style="text-align:right" 
					onFocus="nstchange(this)" onKeyUp="nst(this,'ccc')" value="¥0" 
					onBlur="nstblurchange(this)" title="请输入产品价格"/>
	  <!-- 处input用于显示大写人民币
	  	       如不想显示,直接将type="hidden",显示type="text" 
	  -->
	  <input name="ccc" type="hidden" size="55" readonly/>


moneyinput.js
function nst(t,t2)
{
   var stmp = "";
   if(t.value==stmp) return;
   var ms = t.value.replace(/[^\d\.]/g,"").replace(/(\.\d{2}).+$/,"$1").replace(/^0+([1-9])/,"$1").replace(/^0+$/,"0");
   var txt = ms.split(".");
   while(/\d{4}(,|$)/.test(txt[0]))
     txt[0] = txt[0].replace(/(\d)(\d{3}(,|$))/,"$1,$2");
   t.value = stmp = txt[0]+(txt.length>1?"."+txt[1]:"");
   document.getElementById(t2).value = number2num1(ms-0);
}
function number2num1(strg)
{
   var number = Math.round(strg*100)/100;
   number = number.toString(10).split('.');
   var a = number[0];
   if (a.length > 12)
     return "数值超出范围!支持的最大数值为 999999999999.99";
   var e = "零壹贰叁肆伍陆柒捌玖";
   var num1 = "";
   var len = a.length-1;
   for (var i=0 ; i<=len; i++)
    num1 += e.charAt(parseInt(a.charAt(i))) + [["圆","万","亿"][Math.floor((len-i)/4)],"拾","佰","仟"][(len-i)%4];
   if(number.length==2 && number[1]!="")
   {
     var a = number[1];
     for (var i=0 ; i<a.length; i++)
      num1 += e.charAt(parseInt(a.charAt(i))) + ["角","分"][i]; 
   }
   num1 = num1.replace(/零佰|零拾|零仟|零角/g,"零");
   num1 = num1.replace(/零{2,}/g,"零");
   num1 = num1.replace(/零(?=圆|万|亿)/g,"");
   num1 = num1.replace(/亿万/,"亿");
   num1 = num1.replace(/^圆零?/,"");
   if(num1!="" && !/分$/.test(num1))
     num1 += "整";
   return num1;
}
function nstchange(ojb){
//var a_value=document.getElementById(obj).value;
var a_value=ojb.value;
//alert(a_value);
var a_leng=a_value.length;

if(a_leng>0){
//alert(a_value.substr(0,1));
if (a_value.substr(0,1)=="¥"){
//document.all.aaa.value="¥"+document.all.aaa.value;
//alert(a_value.substr(1,a_leng)) ;
//document.getElementById(obj).value=a_value.substr(1,a_leng);
ojb.value=a_value.substr(1,a_leng); 
}
}
}
function nstblurchange(ojb2){
//document.getElementById(obj).value="¥"+document.getElementById(obj).value;
ojb2.value="¥"+ojb2.value;
}
分享到:
评论

相关推荐

    自动分位货币输入框

    标题“自动分位货币输入框”暗示我们讨论的是一个基于前端技术实现的用户界面组件,它专注于处理货币数据的输入,并能自动进行分位处理,确保数据格式的规范性。在网页应用中,这样的功能有助于提升用户体验,因为它...

    一个基于C#+ASP.NET实现的Localizable Currency TextBox货币本地化显示控件源码

    "CurrencyBox.cs"、"NumberBox.cs"和"PercentBox.cs"是这个项目中的核心类文件,它们分别代表货币输入框、数字输入框和百分比输入框的自定义控件。这些控件可能包含了处理用户输入、验证数据格式以及根据用户区域...

    jquery-quickMoneyEdit:jQuery输入框货币格式

    输入框货币格式 用法示例 &lt;input type="text" id="price" name="price" value="1234.56"&gt; $('#price').quickMoneyEdit(); 获取/设置 //Set $('#price').val('1234.56'); $('#price').val('$1,234.56'); //...

    TSCurrencyTextField, UITextField subclass for ATM-style currency input.zip

    这样,一个符合ATM风格的货币输入框就能轻松地集成到你的应用中。 总的来说,TSCurrencyTextField是一款高效且灵活的UI组件,能够提升金融类应用的用户体验。其强大的功能和开源性质使得开发者能够快速实现高质量的...

    钱币输入框

    【钱币输入框】是一种在GUI(图形用户界面)设计中常见的组件,特别是在电子商务或金融类应用中,用于用户输入货币值。这个组件通常会提供一些特殊的功能,如自动添加货币符号、千位分隔符、小数点以及限制输入的...

    包含金额_日期输入框,带弹出数字面板的计算输入框

    为了确保数据的精确性,这些输入框通常会限制输入的字符类型(只允许数字和小数点),并可能有格式化规则,如自动添加逗号分隔符或货币符号。日期输入框则允许用户选择或输入日期,这在记录交易日期、到期日等场景下...

    多形式报表源码

    5.提供丰富的单元格数据类型(或编辑方式):编辑框、下拉列表框、下拉表格、复选框、日期选择框、货币输入框、按钮、进度条、密码等。 6.行列的添加/删除,显示/隐藏、拖动、排序、锁定行列等功能 7.对创建的报表...

    scr.Report 多形式报表源码

    5.提供丰富的单元格数据类型(或编辑方式):编辑框、下拉列表框、下拉表格、复选框、日期选择框、货币输入框、按钮、进度条、密码等。 6.行列的添加/删除,显示/隐藏、拖动、排序、锁定行列等功能 7.对创建的报表...

    Report多形式报表源码

    5.提供丰富的单元格数据类型(或编辑方式):编辑框、下拉列表框、下拉表格、复选框、日期选择框、货币输入框、按钮、进度条、密码等。 6.行列的添加/删除,显示/隐藏、拖动、排序、锁定行列等功能 7.对创建的报表...

    报表源码V2.0DotNet(C#,VB)

    5.提供丰富的单元格数据类型(或编辑方式):编辑框、下拉列表框、下拉表格、复选框、日期选择框、货币输入框、按钮、进度条、密码等。 6.行列的添加/删除,显示/隐藏、拖动、排序、锁定行列等功能 7.对创建的报表...

    多形式报表源码 Gscr.Report控件

    5.提供丰富的单元格数据类型(或编辑方式):编辑框、下拉列表框、下拉表格、复选框、日期选择框、货币输入框、按钮、进度条、密码等。 6.行列的添加/删除,显示/隐藏、拖动、排序、锁定行列等功能 7.对创建的报表...

    报表源码Gscr ReportV3.0(C#,VB)

    5.提供丰富的单元格数据类型(或编辑方式):编辑框、下拉列表框、下拉表格、复选框、日期选择框、货币输入框、按钮、进度条、密码等。 6.行列的添加/删除,显示/隐藏、拖动、排序、锁定行列等功能 7.对创建的报表...

    javascript 表单输入内容限制

    - **应用场景**:适用于需要控制小数位数的场合,如货币输入框。 ##### 9. 限制输入为中文字符 ```html function onlychinese() { if ((window.event.keyCode &gt;= 32) && (window.event.keyCode )) { window....

    currency-input-mask:屏蔽角形式上的货币输入字段

    货币输入框遮罩的自定义指令。 该指令由一个附加组件组成,该附加组件在输入的左侧带有一个“ $”符号。 禁用输入时创建徽章图标 用法 在HTML中引用脚本 在您的应用程序中添加currencyInputMask作为依赖项。 ...

    仿支付宝输入框

    3. **货币符号显示**:为了使输入框更像支付宝的样式,我们可以在输入框左侧显示货币符号,这可以通过设置自定义的左padding并添加一个ImageView来实现。 4. **数字键盘**:在输入金额时,通常会弹出一个专门的数字...

    模仿微信转账输入框规则

    "模仿微信转账输入框规则"的项目,旨在创建一个与微信转账功能类似的输入框组件,主要用于处理金钱相关的输入操作。这个项目可以广泛应用于金融、电商等领域的APP中,提供用户熟悉的转账或支付体验。 微信转账...

    swift-UITextfield输入框限制的功能封装

    5. **格式化输入**:实时格式化输入,例如货币、日期等。 6. **输入类型切换**:可能提供了切换输入法类型的功能,如纯数字、字母、密码等。 7. **自定义键盘**:创建自定义的键盘视图,提供特定的按键以满足特定...

    货币汇率转换界面

    5. **用户界面(UI)**:这个"货币汇率转换界面"可能包括输入框让用户输入金额和选择货币,以及显示转换结果的区域。UI设计应简洁易用,提供清晰的反馈。 6. **桌面应用程序构建**:文件名`cointran-build-desktop`...

    jquery数字加减输入框插件

    1. **格式化显示**:对显示的数字进行格式化,例如添加逗号分隔符或货币符号。 2. **禁用状态**:根据业务需求,可以设置输入框为只读或禁用状态,防止用户手动输入。 3. **自定义样式**:利用Bootstrap或其他CSS...

    VB货币转换—VB小程序

    1. **用户界面设计**:首先,我们需要创建一个用户友好的界面,包括输入框让用户输入原始金额,下拉列表或组合框供用户选择源货币和目标货币,以及显示转换结果的标签。在VB中,我们可以使用TextBox控件、ComboBox...

Global site tag (gtag.js) - Google Analytics