位置: 编程技术 - 正文

js格式化输入框内金额、银行卡号(js格式化输出数字)

编辑:rootadmin

推荐整理分享js格式化输入框内金额、银行卡号(js格式化输出数字),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js格式化字符串,js代码格式化快捷键,js代码格式化快捷键,js如何格式化yyyymmdd的日期,js格式化输入框怎么用,js 格式化输出,js格式化字符串,js格式化输入框怎么用,内容如对您有帮助,希望把文章链接给更多的朋友!

我们在项目中经常遇到需要格式化的金额数和银行卡号,一般我们常见的有两种表现形式:输入框内格式化和输入框外格式化。这里我主要把我在项目中遇到的输入框内部格式化的,代码亮出来,框外的格式化相对简单一点。

页面代码:

银行卡号格式化

这里用“keyup”事件处理格式化,每4位数一组中间空格隔开。但是数据格式化以后又不利于计算,所以给当前元素添加一个属性“data-oral”,保存未处理的数字,这样计算或者要传递到后台可以获取“data-oral”的值。

js格式化输入框内金额、银行卡号(js格式化输出数字)

金额格式化金额格式化和银行卡号格式化类似,但又有点不同,因为金额每3位数一组用逗号隔开,一般最后有小数点且保留两位有效数字。这里我开始用到“keyup”和"change"事件,但是IE浏览器对于change事件存在兼容问题,可以改用focus和blur事件代替。

类似给元素添加属性“data-oral”保存未格式化的数字。

其实我觉得,输入框外的格式化更合理一些,大多数都是输入框外部格式化的,我写了个例子也拉出来吧。

输入框外部格式化卡号原理很简单,就是隐藏一个显示格式化的模块,当输入框获取焦点时显示,失去焦点时隐藏即可。

页面代码:

格式化代码:

标签: js格式化输出数字

本文链接地址:https://www.jiuchutong.com/biancheng/381693.html 转载请保留说明!

上一篇:javascript嵌套函数和在函数内调用外部函数的区别分析(js函数嵌套函数的return)

下一篇:浅析JavaScript作用域链、执行上下文与闭包(javascript设计的初衷和特点)

  • 增值税出口退税款缴纳企业所得税吗
  • 增值税专用发票使用规定 最新
  • 盘盈的固定资产怎么做账务处理
  • 费用报销票跨月跨年可以吗
  • 填专项扣除对个人还是公司受益
  • 差额征税所得税怎么申报
  • 残保金申报工资应该是实发数吗
  • 研发支出的材料费
  • 钻井勘探支出已费用化的探井
  • 增值税一般纳税人证明文件
  • 机械租赁费怎么算
  • 经纪人佣金计入什么科目
  • 出口退税转为免税
  • 广告业务增值税
  • 员工激励该怎么表达
  • 购买办公桌椅属于什么费用
  • 企业处理二手车增值税没交,有什么影响
  • 个人买卖黄金如何缴税
  • 公司解散实收资本退还怎么写
  • 购买方现金折扣计入什么科目
  • mac怎么访问路径
  • 现金流量表怎么编制
  • 五险会计分录会计处理
  • 劳务公司开具劳务费发票
  • php循环结构有哪几种语句
  • 月末结转营业税金及附加分录
  • 企业预付工程款的会计分录怎么做
  • 员工自己垫付的费用怎么走账
  • 增值税专用发票上注明的价款含税吗
  • 进程antimalware service
  • 系统win7旗舰版
  • uniapp image mode
  • yii2框架结构
  • 分次预缴税额怎么算
  • 增值税抵扣要求一一对应
  • 出售持有股票会计处理
  • python 复选框怎么设置
  • 会计账簿记账规则最新
  • mysql存储过程之错误处理
  • 织梦程序
  • 购入画图软件
  • 非货币性资产交换是企业经常发生的
  • 销售价格确定的方法有
  • mongodb 教程
  • 只有收入没有成本怎么做账
  • 事业单位小规模纳税人增值税账务处理
  • 装修费用应该计入什么科目
  • 发票一直没验旧会有什么影响
  • 期初应收账款对应什么科目试算平衡
  • 资产已报废折旧怎么算
  • 开外经证预交的税款会退回吗
  • 银行存款日记账与银行对账单之间的核对属于
  • 非税收入定额票据是什么
  • 天猫佣金是什么意思
  • 滞留票不处理可以么
  • 所有者权益变动表图片
  • 电子发票怎么截屏
  • 通过MySQL优化Discuz!的热帖翻页的技巧
  • sqlserver字符串转换成数字
  • 局域网 下载
  • win10系统共享打印机无法访问怎么解决
  • assoc.exe
  • 小米4刷windows 10
  • windows xp能装微信吗
  • js下拉加载
  • Android开发如何找到TextView指定文本
  • bat批量处理
  • 项目总结之触摸问题分析
  • cocos creator rpg
  • 在一个android创建一个按钮多选对话框
  • android的edittext在哪
  • Jquery实现$.fn.extend和$.extend函数
  • jQuery使用ajax跨域获取数据的简单实例
  • 一般纳税人出售房产怎么开票
  • 土地增值税法定扣除项目
  • 关于加强税务稽查工作的思考
  • 新公司印花税的缴纳
  • 怎么批量打开excel文件
  • 北京市税务局热搜
  • 煤矸石占地需要哪些手续
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设