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

相关推荐
counting money1 分钟前
SpringBoot 项目创建(IDEA不全,还需要修改)
java·spring boot·spring·maven
Dr.kangder1 分钟前
嵌入式面试总结(二十二)——指针
java·面试·职场和发展·架构·嵌入式
AbrahamCS4 分钟前
从角色协同到可运行图:Graph Engineer 与多智能体编排
前端·人工智能·智能体
MacroZheng6 分钟前
几行代码给项目集成AI功能,Spring AI 2.0太香了!
java·人工智能·spring boot
JavaDog程序狗9 分钟前
【指南】uni-app微信小程序多环境CI-CD完全指南
ci/cd·uni-app·jenkins
BigTopOne14 分钟前
VS Code IntelliSense 配置(解决 #include 找不到的报红)
前端
愚公搬代码17 分钟前
【愚公系列】《Web应用安全》005-Visual Studio Code编辑器的使用
前端·安全·编辑器
用户9210802628620 分钟前
2. 以 Bubble 为例,看 Ant Design X Vue 组件是怎么设计的
前端
Liora_Yvonne22 分钟前
Monorepo 里的 shared、services 和 ui 到底怎么划分?
前端
PedroQue9925 分钟前
uni-router v2.1.0 升级:导航守卫全面支持返回值模式
前端·uni-app