js正则过滤金额输入时限制只能输入数字与1个小数点，且0开头第二位则不能为0

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

才高八斗的警车 · 张文秀曾因兴奋剂事件被取消金牌:我证明了自己 ...· 1 月前 ·

失恋的仙人掌 · 数据库/SQL ...· 1 月前 ·

力能扛鼎的乌龙茶 · 大连地铁5号线最新消息_大连地铁5号线线路图 ...· 3 月前 ·

鬼畜的椰子 · 天下布魔全角色cg资源下载-天下布魔全角色c ...· 3 月前 ·

难过的春卷 · IBM Cloud Docs· 4 月前 ·

今天写小程序时，有个充值功能，需要输入充值金额，我看了下支付宝的水电表缴费交互效果，发现调启数字键盘后“输入0后第二位则不能为0，只能为小数点”“第一位不能输入小数点”“保留两位小数”“同时也只能输入数字与小数点（在非数字键盘的情况下）”，看到这兴趣就来了，肯定得搞起来。

js正则过滤金额输入时限制只能输入数字与1个小数点，且0开头第二位则不能为0

代码如下

// 调启数字键盘输入事件
valChange(val) {
    this.amount += val;
    // 只能输入"数字"和"."
    this.amount = this.amount.replace(/[^\d.]/g, '');
    // 第一位字符不能为"."
    this.amount = this.amount.replace(/^\./g, '');
    // 只能输入一个小数点且只保留一个
    this.amount = this.amount.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
    // 只能输入两位小数
    this.amount = this.amount.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
    // 如果第一位为"0"，第二位必须为"."，否则替换
    this.amount = this.amount.replace(/^0(?!\.|$)(.*)/, '$1');
}

如上，由于我用的uview的数字键盘，每次触发点击都会返回当前点击的数字或小数点，然后自行拼接，那么就在拼接后，使用正则的方式将其按照需求过滤掉即可。

上方代码我没进行动态封装，代码可自行复制后封装，通过动态传值来实现公用。

扫一扫 - 分享本文

扫一扫 - 打赏鹏仔

请按下 Ctrl + D

即可收藏当前文章

分享到微信朋友圈

扫一扫 - 手机阅读

侵权、举报、建议

猜你还喜欢

02-22