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

最新推荐文章于 2023-07-28 15:42:15 发布

Java旅途

最新推荐文章于 2023-07-28 15:42:15 发布

阅读量1.6w

点赞数 3

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

本文链接：https://blog.csdn.net/m0_37968982/article/details/96422527

版权

Java基础专栏收录该内容

38 篇文章 3 订阅

订阅专栏

最近在做项目的时候有个需求，输入框输入金额的。这个金额只能是整数，我们都知道金额肯定不能以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>

Java旅途

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
5
评论
通过正则表达式限制输入框只能数字，且不能以0开头

最近在做项目的时候有个需求，输入框输入金额的。这个金额只能是整数，我们都知道金额肯定不能以0开头。var value = val.replace(/\D/g, '')上面这行代码的意思是当输入的是除了数字以外的字符时用空代替。这时候我们再进行处理0开头的输入即可。下面这段是我开发小程序的时候写的，这个numInput当每次输入框的值发生变化的时候就会进入。 numInput(e) { ...
复制链接

扫一扫