uniapp input限制输入负数,以及保留小数点两位.

简单处理的方式

限制输入负数,以及保留小数点两位.:

javascript 复制代码
<input type="number" placeholder="请输入" v-model="num"
					@input="num=num.toString().replace(/\-/g,'').match(/^\d+(?:\.\d{0,2})?/)" />

可以输入负数,保留两位小数点,把replace函数去掉即可.

完美处理的方式

以下方式可以在按下的时候,输入框不显示对应的数字,需要监听keypress按下事件.

vue,js 限制输入负数,限制小数位的输入框,限制输入长度,兼容移动端,兼容中英文输入法,最完美的解决方案。_js输入框不能输入负数-CSDN博客

相关推荐
妮妮喔妮3 分钟前
组件的封装
开发语言·前端·javascript
好家伙VCC10 分钟前
# MAUI 中的异步加载优化实战:从理论到高性能 UI 体验提升在现代跨平台移动开发中,*
java·python·ui
cypking11 分钟前
前端瓦片渲染解决方案(解决大量数据渲染卡顿问题)
前端
李子焱11 分钟前
第三节:开发环境搭建与Trae IDE深度配置
前端·ide·python·node.js·trae ide
Full Stack Developme14 分钟前
Java 弱引用与强引用
java·开发语言
叱咤少帅(少帅)16 分钟前
Uniapp开发pc端,小程序和APK
小程序·uni-app
1104.北光c°18 分钟前
【重写优化 新增绘图】布谷鸟过滤器:布隆过滤器的更优缓存穿透解?
java·开发语言·后端·缓存·缓存穿透·布隆过滤器·布谷鸟过滤器
萧逸才18 分钟前
【learn-claude-code】S06ContextCompact - 上下文压缩:上下文会满,你需要腾出空间
java·人工智能·ai
CCIE-Yasuo26 分钟前
《永恒战士2-无双战神》无限金币版(提供apk下载)安卓Android逆向记录学习-Deepseek-AI辅助
android·java·学习·游戏
云泽野27 分钟前
SpringBoot整合QQ邮箱发送邮件及微服务公共模块封装实战
java·spring boot·微服务