HTML控制文本框只能输入数字和小数点,并且只能保留小数点后两位 金额转换,阿拉伯数字的金额转换成 面试题

功能测试点避坑指南:5类常见输入框的20+个安全与边界值测试案例 本文详细解析了5类核心输入框的23个安全与边界测试案例,涵盖字符型、数值型、日期型、验证码和金额输入框的测试策略。通过实战案例和工具推荐,帮助测试工程师提升软件功能测试能力,有效预防XSS攻击、SQL注入等常见漏洞,确保系统安全与稳定性。 阅读详情

1.给文本框添加一个οnkeyup='clearNoNum(this)'点击事件

2.建立clearNoNum方法

[javascript]  view plain  copy
  1. function clearNoNum(obj) {  
  2.     obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符  
  3.         obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字而不是.  
  4.      //   obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  别人是这么写的,我认为这句没用
  5. //,'o{2,}' 不能匹配 "Bob" 中的 'o',但能匹配 "foooood" 中的所有 o。
  6.      //   obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");  
  7. obj.value = obj.value.replace(".","$#$");//只替换第一个字符
  8. obj.value = obj.value.replace(/\./g,"");//替换所有.为空
  9.   obj.value = obj.value.replace("$#$","."); //恢复第一个点
  10. //如果replace(".","$#$")替换没有全局/g元字符,则只替换第一个相同字符
  11.         obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数  
  12.     // 使用() 括号为捕获组,此时有三个,因此所匹配的值存放在$1 $2 $3中
  13. }  


3将金额小写转换成大写

[javascript]  view plain  copy
  1. function onlyNumber1(input, n) {  
  2.     var ret = "";  
  3.     var number =input.value;  
  4.         if (number != ""&& number!=&&number!="0") {  
  5.                 var unit = "仟佰拾亿仟佰拾万仟佰拾元角分",  
  6.                 str = "";  
  7.                 number += "00";  
  8.                 var point = number.indexOf('.');  
  9.                 if (point >= 0) {  
  10.                     number = number.substring(0, point) + number.substr(point + 1, 2);  
  11.                 }  
  12.                 unit = unit.substr(unit.length - number.length);  
  13.                 for (var i = 0; i < number.length; i++) {  
  14.                     str += '零壹贰叁肆伍陆柒捌玖'.charAt(number.charAt(i)) + unit.charAt(i);  
  15.                 }  
  16.                 ret = str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元") + "整";  
  17.         }  
  18.     var a = document.getElementsByName("MoneyCapital")[0].id;  
  19.     document.getElementById(a).value=ret;     
  20.     }  


 
 
使用HTML+CSS打造专业电子发票模板:普通发票与增值税发票实战指南 本文详细介绍了如何使用HTML和CSS构建专业且合规的电子发票模板,涵盖普通发票与增值税专用发票的实战开发。文章深入解析了税务规范、核心样式设计、表格精确控制以及打印优化技巧,并提供了动态数据填充方案,帮助开发者高效创建灵活可控、打印效果稳定的电子发票解决方案。 阅读详情

相关推荐

JasperReport实战:解决中文PDF报表生成与分页统计难题

在Java企业级应用开发中,报表生成是数据处理与呈现的关键环节,尤其当需要输出格式规范、跨平台兼容的PDF文档时。其核心原理是通过模板驱动的方式,将结构化数据与预定义样式结合,动态生成最终文档,从而分离了报表设计与业务逻辑。这项技术在财务结算、销售统计、运维日志等需要精确数据分发与存档的场景中具有重要价值。针对实际开发中的常见挑战,例如中文字体显示异常与分页金额统计,JasperReport框架提供了系统的解决方案。通过手动注册系统字体,可以确保中文内容在PDF中正确嵌入与渲染;同时,利用其强大的变量(Va

weixin_30788619的博客 378

input number 小数_html5_input_type_number保留2位小数

function noNumbers(e){var keynumvar keycharvar numcheckif(window.event) // IE{keynum = e.keyCode}else if(e.which) // Netscape/Firefox/Opera{keynum = e.which}keychar = String.fromCharCode(keynum);//判断是...

weixin_39637363的博客 757

基于CNN的手写数字识别系统设计与实现指南

卷积神经网络(CNN)是深度学习在计算机视觉领域的核心技术,通过局部感知和权值共享机制高效提取图像特征。其核心价值在于能够自动学习多层次特征表示,大幅提升图像分类任务的准确率。在工程实践中,CNN广泛应用于手写字符识别、医学影像分析、自动驾驶等场景。以手写数字识别为例,典型的实现方案包含数据预处理、模型架构设计、训练优化等关键环节,其中MNIST数据集作为基准测试集,配合TensorFlow/Keras框架可以快速构建高精度识别系统。系统集成时需考虑前后端交互设计,如使用Vue.js+SpringBoot技

weixin_33694172的博客 475

html中输入框对金额字段的控制

&lt;input id="amt" type="text" name="amt" placeholder="金额/元" title="金额/元" required="required" onkeyup="this.value=/^[0-9]*\.?[0-9]{0,2}$/.test(this.value) ? this.value : this.valu

爱好jyh的博客 2522

模板驱动型文档自动化:从Word填空到工业级流水线

文档自动化是企业内容生产提效的核心技术路径,其本质在于分离结构语义与视觉呈现,通过可版本化、可校验的智能模板实现内容生成标准化。相比传统Word宏或脚本方案,模板驱动型文档自动化依托逻辑层(条件/循环)、渲染层(CSS/PDF适配)与容器层(页面框架)三层架构,支持动态数据绑定、JSON Schema运行时校验及Git化版本管理,显著降低跨角色协同与样式维护成本。该技术广泛应用于客户成功报告、法律合同、市场简报等高复用场景,尤其适合需兼顾合规性、品牌一致性与非技术人员参与的中大型组织。Sqribble等平台

weixin_30482181的博客 392

JavaScript toLocaleString 深度解析:数字、数组、日期的国际化格式化原理与避坑指南

toLocaleString 是 JavaScript 中实现国际化字符串格式化的基础 API,其核心在于根据区域设置(locale)动态适配用户习惯。它并非简单语法糖,而是依托 Intl.NumberFormat、Intl.ListFormat 和 Intl.DateTimeFormat 三大底层机制,分别处理数值表达、语言连接和时间认知三类语义。技术价值体现在无需手动维护多语言规则,即可自动适配千位分隔符、列表连接词(如英语 'and'、德语 'und')、日期顺序及时区显示等细节。典型应用场景包括电商

过客阵营 -- 简单的就要最简单 521

html input 小数点后两位,js 实现input输入框内数字的小数点前八位后二位数的控制...

最近在做一个报价系统,要求金额输入框中限制小数点前面最多8位后面2位小数的控制 如下图:上代码HTML代码JS代码// 报价值的整数位数与小数判断function clearNoNum(obj, digits) {var temp = obj.value;if (temp < 0) {obj.value = "";return;}var posDot = temp.indexOf(".")...

weixin_39612038的博客 693

如何修复Windows卡在“正在准备Windows”的问题?这里有详细步骤

如何修复Windows卡在“正在准备Windows”的问题?这里有详细步骤。

wyxtx的博客 5666

小数点后两位的输入或显示以及四舍五入

小数点后两位的输入或显示以及四舍五入

weixin_49295874的博客 1410

中断向量表配置不当引发Default_Handler死循环问题解析

本文深入解析STM32开发中因中断向量表配置不当导致的Default_Handler死循环问题。以STM32F407VET6为例,详细阐述中断向量表的工作原理、常见触发场景及系统化排查方法,并提供使用STM32CubeMX的正确姿势和手动配置的注意事项,帮助开发者快速定位并解决这一常见难题。

grafana6viz的博客 181

STM32/GD32以太网开发避坑指南:ZLG EPORTM模块调试实战(含YT8512H配置)

本文针对STM32/GD32平台使用ZLG EPORTM模块进行以太网开发时遇到的常见问题,提供了详细的调试实战指南。重点解析了从传统PHY驱动迁移到YT8512H芯片的核心步骤,包括软件复位延时、RMII时钟配置等关键陷阱,并分享了LWIP集成与稳定性验证的实用经验,帮助开发者高效避坑。

rice5的博客 1164

html5input保留2位小数

function noNumbers(e)   {   var keynum   var keychar   var numcheck   if(window.event) // IE   {   keynum = e.keyCode   }   else if(e.which) // Netscape/Firefox/Opera   {   keynum = e.which

findsafety的专栏 2万+

C#调用Bartender打印标签,除了打印还能一键导出图片和PDF(附完整代码)

本文详细介绍了如何使用C#集成Bartender实现标签的多格式输出,包括打印、图片和PDF导出。通过完整的代码示例和实战技巧,帮助开发者解决分辨率适配、纸张尺寸控制等核心问题,提升工业自动化和物流管理中的标签处理效率。

weixin_31236101的博客 370

html页面input只许输入数字

只需在标签内加入 onkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"

u012452678的博客 584

ImportError: DLL load failed: 找不到指定的程序的解决方案

本文主要介绍了ImportError: DLL load failed: 找不到指定的程序的解决方案,希望能对使用Python的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案

weixin_43178406的博客 18万+

YOLOv8改进 | 主干篇 | 利用MobileNetV2替换Backbone(轻量化网络结构)

本文给大家带来的改进机制是,其是专为移动和嵌入式视觉应用设计的轻量化网络结构。这些模型基于简化的架构,并利用深度可分离卷积构建轻量级深度神经网络,其引入了两个简单的全局超参数,用于在延迟和准确性之间进行有效的权衡。实验表明,MobileNets在资源和准确性的权衡方面表现出色,并在多种应用(如对象检测、细粒度分类、面部属性识别和大规模地理定位)中展现了其有效性,这个模型非常适合轻量化的读者来使用。适用检测目标:轻量化网络结构适合轻量化的读者⭐⭐⭐⭐。

Snu77的博客 5686

11.10学习随记

今天复习了以前做过的购物车,动态生成表格。自己就再来练习一下吧 在页面中添加三个按钮    分别用不同的方式来添加表格 BUTTON1 按钮,完成了添加HTML表格的操作  protected void Button1_Click(object sender, EventArgs e)     {         HtmlTable table = new HtmlTable();  /

杨斐的专栏 502

大模型量化方法总结

本文主要对大模型量化方法进行了总结,希望对学习大语言模型的同学们有所帮助。 文章目录 1. 前言 2. 模型精度 3. 量化方法 3.1 方法一 3.2 方法二 3.3 方法三

herosunly的博客 1万+

Blazor WebAssembly实现人民币大写转换工具开发指南

WebAssembly技术允许在浏览器中高效运行编译型语言代码,为Web应用带来接近原生的性能。结合Blazor框架,开发者可以使用C#替代JavaScript构建单页应用(SPA),实现前后端统一技术栈。这种技术组合特别适合需要复杂计算逻辑的财务工具开发,如人民币金额大写转换场景。通过PWA(渐进式Web应用)技术,应用可获得离线使用、安装到桌面等增强特性。本文详解如何基于.NET 6和Blazor WebAssembly开发一个具备实时转换、语音朗读、剪贴板复制等功能的大写人民币翻译机,涵盖核心算法、前

weixin_33912246的博客 604

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

php 表单提交html代码,用户通过表单提交的数据,PHP会自动进行HTML转义,无需代码实现。...

用户通过表单提交的数据,PHP会自动进行HTML转义,无需代码实现。答:×文化的概念有广义和狭义之分,下面哪个是指“大文化”概念( )。答:包含在精神文明中的“文化”粉刺患者,应当______答:少用彩妆 少用含油量大的护肤品 使用液态类及啫喱类化妆品绒癌最常见的死亡原因是答:脑转移微型机的外部总线由汇集而成答:数据总线、地址总线、控制总线拓扑性质的核心思想主要强调答:强调形状知觉的拓扑结构 ...

weixin_42660494的博客 239

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

最新界面很漂亮的在线工具箱,包含站长工具箱等等功能

Css(样式表)在线解压缩/整理/格式化 http://tool.xah.biz/CssFormat.php 工具说明:提供的CSS代码格式化和css在线压缩工具,经过测试,经常格式化后的代码,有时会因为书写css伪类时冒号后多个空格导致该规则失效。所以建议用工具来实现。推荐使用工具YUI Compressor 、Closure Compiler Google出品的JavaScript优化器或者...

baxtax的博客 1001

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

自动换行后缩进怎么做(CSS)?(可用于 Li y 元素的排版)

&lt;style type="text/css"&gt;li{ width:100px; border:1px solid #ccc; padding-left:25px; text-indent:-25px;}&lt;/style&gt;&lt;/head&gt; &lt;body&gt;&lt;ul&gt;    &lt;li&gt;我恶魔呢放假额菲菲金额发&lt;/li&amp

weixin_34148508的博客 563

ContextMenuManager 完整指南:Windows 右键菜单逐项管好,不碰注册表

在文件上点右键,菜单里躺着十几个不认识的条目,翻半天才找到想要的那一项——ContextMenuManager 就是为这个场景做的 Windows 右键菜单管理工具,逐项帮你禁用、改名或删掉多余的菜单项。它是个绿色程序,不需要安装,Windows 7 到 10 都能直接跑,适合不想碰注册表、又想把右键菜单收拾利索的普通用户。 ## 为什么用 ContextMenuManager 而不是直接改注册

gitblog_00390的博客 312

正则表达式---用于描述要匹配的文本模式

不能将限定符和定位符一起使用(在紧靠换行或者单词边界的前面或后面不能有一个以上位置)\s 是匹配所有空白符,包括换行,\S 非空白符,不包括换行。匹配字母、数字、下划线。等价于 [A-Za-z0-9_]匹配任意一个阿拉伯数字(0 到 9)。

春日予茶 492

模板驱动型文档自动化:从填空到出版级生成

文档自动化是现代知识工作流的核心能力,其本质是将重复性排版任务转化为可复用、可验证、可扩展的结构化规则。基于模板驱动原理,系统通过数据绑定、样式继承与条件逻辑实现内容与格式的解耦,显著提升交付一致性与合规性。技术价值体现在毫秒级多格式输出(PDF/Word/HTML)、跨平台样式保真及API级集成能力,广泛应用于咨询报告、法律文书、投标方案等高频、高规场景。本文深入解析Sqribble中模板即程序、数据即输入、自动化即规则链的工程实践体系。

aodan5477的博客 396
上一篇: 正则表达式速查表
下一篇: JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
ole_triangle_java
博客等级 码龄10年 82粉丝 83原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值