当前位置:网站首页>小程序input框不允许输入负数
小程序input框不允许输入负数
2022-08-05 05:29:00 【weixin_43923808】
小程序版
<template>
<view>
<input placeholder="请输入金额" type="digit" placeholder-class="phcolor" value="{
{amount}}" data-key="mobile" @input="handleInput"></input>
</view>
</template>
methods = {
handleInput(e) {
var obj = e.detail.value
obj = obj.replace(/[^\d.]/g, '') //清除“数字”和“.”以外的字符
obj = obj.replace(/\.{2,}/g, '.') //只保留第一个. 清除多余的
obj = obj
.replace('.', '$#$')
.replace(/\./g, '')
.replace('$#$', '.')
obj = obj.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') //只能输入两个小数
if (obj.indexOf('.') < 0 && obj != '') {
//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
obj = parseFloat(obj)
}
this.amount = obj
},
}
边栏推荐
- el-progress implements different colors of the progress bar
- VSCode编写OpenCV
- 农场游戏果园系统+牧场养殖系统+广告联盟模式流量主游戏小程序APP V1
- GetEnumerator method and MoveNext and Reset methods in Unity
- Complete mysql offline installation in 5 minutes
- numpy.random usage documentation
- Media query, rem mobile terminal adaptation
- D46_Force applied to rigid body
- 浏览器兼容汇总
- Vim tutorial: vimtutor
猜你喜欢
随机推荐
Nacos集群的搭建过程详解
Cocos Creator Mini Game Case "Stick Soldier"
Mina's long and short connections
js判断文字是否超过区域
Detailed explanation of the construction process of Nacos cluster
Network Troubleshooting Basics - Study Notes
scikit-image image processing notes
numpy.random usage documentation
LaTeX 图片加标题 文本分栏自动换行
D41_buffer pool
Matplotlib plotting notes
LeetCode中常用语言的一些基本方法记录
docker部署完mysql无法连接
自营商城提高用户留存小技巧,商城对接小游戏分享
长度以及颜色单位基本概念
摆脱极域软件的限制
淘宝宝贝页面制作
LaTeX image captioning text column automatic line wrapping
滚动条问题,未解决
VSCode编写OpenCV