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博客

相关推荐
Z兽兽30 分钟前
React@18+Vite项目配置env文件
前端·react.js·前端框架
SuniaWang36 分钟前
《Spring AI + 大模型全栈实战》学习手册系列 · 专题六:《Vue3 前端开发实战:打造企业级 RAG 问答界面》
java·前端·人工智能·spring boot·后端·spring·架构
sheji341643 分钟前
【开题答辩全过程】以 基于springboot的扶贫系统为例,包含答辩的问题和答案
java·spring boot·后端
A_nanda1 小时前
根据AI提示排查vue前端项目
前端·javascript·vue.js
m0_726965981 小时前
面面面,面面(1)
java·开发语言
happymaker06262 小时前
web前端学习日记——DAY05(定位、浮动、视频音频播放)
前端·学习·音视频
~无忧花开~2 小时前
React状态管理完全指南
开发语言·前端·javascript·react.js·前端框架
xuhaoyu_cpp_java2 小时前
过滤器与监听器学习
java·经验分享·笔记·学习
LegendNoTitle2 小时前
计算机三级等级考试 网络技术 选择题考点详细梳理
服务器·前端·经验分享·笔记·php
@大迁世界2 小时前
1.什么是 ReactJS?
前端·javascript·react.js·前端框架·ecmascript