微信小程序输入框对金额的处理

只允许输入数字

<input type="number" v-model="money" placeholder="请输入金额" />

需要加小数点

<input type="digit" v-model="money" placeholder="请输入金额"/>

但是，输入时可能会重复输入小数点，可以使用replace替换掉，并保留两位小数

let val = this.money.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1');

开头不能为0的正则替换

replace(/^0{1,}/g,'')

微信小程序输入框对金额的处理相关推荐

微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 value String 输入框的内容 type String text input的类型,有效值:text,number,idcard,dig ...
小程序中里的bindinput_微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 valueString 输入框的内容 typeStringtextinput的类型,有效值:text,number,idcard,digit,time ...
微信小程序输入框会字体显示不全或者换行
微信小程序输入框会字体显示不全或者换行问题描述有的时候不同的设备上会出现微信小程序输入框表现不一致,比如:换行,字体显示不全解决方案用开发者工具调试发现,input,textarea 有默认的 ...
微信小程序输入框属性 cursor-spacing 问题
微信小程序输入框属性 cursor-spacing 问题问题描述微信小程序给输入框提供了属性 cursor-spacing,用处是聚焦时光标离软键盘的距离,但是在安卓机子上会出现不太好使,比如,没 ...
微信小程序输入框上移问题
微信小程序输入框上移问题缺陷:输入框顶起整个页面包括自定义顶栏解决方式:给input设置adjust-position="{{false}}"后自定义input高度 wxml ...
微信小程序输入框输入换行
今天的每日一测,更新文本输入框中输入换行的问题. 最近在做微信小程序项目的测试,因为输入框中输入换行的问题导致项目上线后出现bug. 具体情况是,在某些文本输入框中,我想到了测试输入换行是否能提交成功 ...
在微信小程序中编写金额摇奖效果
有时小程序没有现成插件可用,本文结合一个数字滚动摇奖效果,谈谈微信小程序中一些动画实现的方式. 实例上要显示四位数字,根据后台返回金额,比如5.2元,处理成从00:00快速翻动到05:20的效果,处理 ...
微信小程序输入框 input 组件
完整微信小程序(Java后端) 技术贴目录清单页面(必看) 输入框.该组件是原生组件,使用时请注意相关限制属性类型默认值必填说明最低版本 value string 是输入框的初始内容 1 ...
微信小程序输入框的一些问题
1.微信小程序处理软键盘弹出布局上移遮住输入框的解决方法相信很多人在开发微信小程序时都遇到这个问题,当你在小程序上预览时,底部的input在聚焦时弹出的软键盘会把input框遮住一小部分,不管是in ...

微信小程序输入框对金额的处理

微信小程序输入框对金额的处理相关推荐

最新文章

热门文章