通过正则表达式限制输入框只能数字，且不能以0开头

最新推荐文章于 2024-06-14 10:32:04 发布

Java旅途

最新推荐文章于 2024-06-14 10:32:04 发布

阅读量1.7w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Java基础文章标签：正则表达式数字 1-9开头不能以0开头验证金额

本文链接：https://blog.youkuaiyun.com/m0_37968982/article/details/96422527

Java基础专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一个简单的前端实现方案，用于确保输入框内的金额为非零开头的整数。通过JavaScript代码实现了对用户输入内容的实时监测与修正，适用于小程序及Web端开发。

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

最近在做项目的时候有个需求，输入框输入金额的。这个金额只能是整数，我们都知道金额肯定不能以0开头。

var value = val.replace(/\D/g, '')

上面这行代码的意思是当输入的是除了数字以外的字符时用空代替。这时候我们再进行处理0开头的输入即可。

下面这段是我开发小程序的时候写的，这个numInput当每次输入框的值发生变化的时候就会进入。

 numInput(e) {
    var val = e.detail.value;
    var value = val.replace(/\D/g, '')
    console.log(value);
    if(value != 0){
      console.log(value+"=====val");
      this.setData({
        _num:value,
        value
      })
    }else{
      this.setData({
        value:''
      })
    }
  },

ok，原理基本都相同，不管是开发小程序还是开发web端页面都可以借鉴使用。

补充：写了一段js的代码功能与上面相同。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输入整数金额</title>
</head>
<body>
    <input type="text" maxlength="8" onkeyup="ceshi(this)" value="" >
<script>
    function ceshi(val) {
        var o = val.value;
        var value = o.replace(/\D/g, '');
		console.log(value+'---value')
		if(value == 0){
			val.value = '';
		}
		if(!value){
            val.value=value;
        } 
    }
</script>
</body>
</html>