实现 Input 只能输入数字两位小数点,不闪烁方案


废话不多说,直接上代码

Input只能输入数字,支持 负数,并且小数点最多两位

<input type="text" class="form-control" id="amount" placeholder="请输入金额"
                       onkeypress="if(event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false"
                       onkeyup="value=value.replace(/[^\d-]*((\-?)\d*(?:\.\d{0,2})?).*$/g, '$1')">

效果:Input 只能输入正数,并且两位小数点,输入字母或其他字符无效

onKeypress,校验输入字符,排除字符输入

ASCII 参考:

45负号 -
46小数点 .
48 至 57数字 0 至 9

onkeyup,正则表达式 校验输入字符为两位小数点的数字

 

Input只能输入正数,并且小数点最多两位

<input type="text" class="form-control" id="amount" placeholder="请输入金额"
			   onkeypress="if(event.keyCode!=46 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false"
			   onkeyup="value=value.replace(/[^\d-]*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:支付宝:H5 JSAPI支付开发手册
下一篇:解决VUE发布后因为浏览器缓存造成页面没更新的问题
评论列表

发表评论

评论内容
昵称:
关联文章

实现 Input 只能输入数字小数点闪烁方案
ag-grid内容格式化显示 金额小数
隐藏input文本框为数字number类型时的上下箭头
API接口安全设计方案
[WPF] 实现个任天堂 Switch 的加载动画
win10开始菜单图标显示正常,解决方案
C# 金额转换,金额数字转换人民币大写
DevExpress 使用GridControl 会计凭证财务金额分显示
windows磁盘加密,文件夹加密,打开分区需要先输入密码
[WPF] 用 Effect 实现线条光影效果
基于欧姆龙PLC#FinsTcp协议上机通讯(二)-C#通讯模块开发
JS清除Input File 的选择文件 javascript清除Input File选择文件
VS2019找到资产文件 "xxxx\obj\project.assets.json" 解决方案
Python退出主进程后子线程会退出的解决方案
css种颜色边框设置,边框设置多种颜色
WPF 布局 在有限空间内让个元素尽可能撑开的例子
服务器安全:限制外网访问解决方案
使用.NET 6开发TodoList应用(22)——实现缓存
JS合并个数组的3种方法详解
windows平台的分布式微服务解决方案(5)--Web服务/WebApi的负载均衡

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码