实现 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 的加载动画
C# 金额转换,金额数字转换人民币大写
win10开始菜单图标显示正常,解决方案
DevExpress 使用GridControl 会计凭证财务金额分显示
C#实现INotifyPropertyChanged的优雅封装方案(含简洁写法与自动生成)
windows磁盘加密,文件夹加密,打开分区需要先输入密码
[WPF] 用 Effect 实现线条光影效果
JS清除Input File 的选择文件 javascript清除Input File选择文件
基于欧姆龙PLC#FinsTcp协议上机通讯(二)-C#通讯模块开发
VS2019找到资产文件 "xxxx\obj\project.assets.json" 解决方案
Python退出主进程后子线程会退出的解决方案
服务器安全:限制外网访问解决方案
css种颜色边框设置,边框设置多种颜色
仓库库选择
WPF 布局 在有限空间内让个元素尽可能撑开的例子
Epicor Number控制显示小数点位数

热门标签
.NET Core .NET Reactor ag-grid AI发布 api安全 ASP.NET Core C#DLL加密 C#播放声音 C#代码混淆 C#代码加密 ChromeDriver Codex DateTime DBeaver devexpress devTool DLL混淆 edge.js EF EFCore Electron element-ui el-form el-table excel FastReport FileStream FolderBrowerDialog FolderSelectDialog form提交 git gridcontrol gridview input javascript json字符串 JS转换对象JSON jwt JWT授权 linq log Math MCP mitmproxy MVC MySQL Navicat netstat nginx node_modules NSwag Nuget Nuget镜像 number PowerShell pyinstaller python pythoncom python爬虫 python抓包 pywin32 redis Requests-html RestSharp Selenium sql SQL Server Swagger to-cms Visual Studio VSCode vue VueRouter vue路由 VUE页面通讯 Webpack Windows Windows服务 winform wmi xlrd yaml YESCMS YESWEB开发框架 白象 表单提交 播放声音 打开URL 代码混淆 弹窗提醒 端口占用 对象转换 分布式 公共字典 机器码 进程排查 静态资源 开发指南 路由参数 密钥 配置教程 配置文件 权限 人工智能 任务 任务调度 日期间隔 日志 日志记录 省市区 授权验证 数据库 四舍五入 文案 文件读取 文件夹选择 文件目录选择 问题排查 行政区域数据 页面通讯 中间件 CSharp 事务锁 工单系统 并发控制 重复提交 CMS Markdig Markdown markdown-it marked 技术选型 VS Code 开发工具 源代码管理 版本控制 Docker PostgreSQL 时区 部署排查 CMS架构 EF Core 主题系统 二次开发 插件系统 容器 运维命令 镜像清理 Linux NAS 远程挂载 飞牛 fnOS
联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码