微信小程序 input 只能输入小数，小数点以及加减号

最新推荐文章于 2025-03-13 11:20:06 发布

nsxzDz

最新推荐文章于 2025-03-13 11:20:06 发布

阅读量7.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 input正则

本文链接：https://blog.youkuaiyun.com/tangzhengdz/article/details/86632325

微信小程序专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在小程序中实现input输入框仅允许输入小数、小数点及加减号的方法，通过正则表达式判断并删除非法字符，确保输入符合特定格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做小程序开发，需求是input输入框只能输入小数，小数点以及加减号

小程序官方文档 input 软件盘有四种模式。但都不能满足需求。最后只能在 type =‘text’的基础上通过正则判断并删除不合法的输入内容。直接上代码

 var replaceArray = [];
      for (let i = 0; i < value.length; ++i) {//正则判断是否合法
        var textValue = (/^[0-9_.+-]$/.test(value.charAt(i)));
        if (!textValue) {
          replaceArray.push(value.charAt(i));
        }
      }
      if (replaceArray.length != 0) {
        wx.showToast({
          title: '只能输入数字，小数点和加减号',
          icon: 'none'
        })
        for (let j = 0; j < replaceArray.length; ++j) {//循环删除不合法内容
          value = value.replace(replaceArray[j], '');
        }
      }