求助一个数字输入的正则表达式

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 548 天前的主题，其中的信息可能已经有所发展或是发生改变。

需要满足

00 这种情况不出现输入的时候只展示 0
01 这种情况展示 1
0.1 可以出现现在写了一个正则如下，可以满足前两点，匹配上就后面的替换掉前面的，但是一加上小数点情况就多起来了，怎么写都不太对，求大佬帮帮忙。

const reg = /(?<=^0)\d+/g;

第 1 条附言 · 2023-06-05 23:29:00 +08:00

感谢大佬们的解答给我提供了很多的思路，各个正则我也都试了去理解是什么含义，确实只有多用才能熟练。我的解答也是借鉴了大佬们的回答，最终拆成了两步来走，容易理解一点，应该基本就是这样了。

最后再次感谢大家热情解答~
```
<input type="text" id="input" />

function removeLeadingZero(num) {
const regex = /^([+-]?)0+(?=\d)/g;
return num.replace(regex, '$1');
}
function limitNumberDot(num) {
const regex = /^\d+\.?\d{0,2}/g;
const matchResult = num.match(regex);
if (matchResult) return matchResult[0];
return num;
}
const input = document.getElementById('input');
input.addEventListener('input', function () {
const v = input.value;
input.value = limitNumberDot(removeLeadingZero(v));
});
```

小数点

reg

const

输入

31 条回复 • 2023-06-05 18:27:54 +08:00

littlepanic72

2023-06-05 11:26:02 +08:00

[-+]?\b[0-9]*\.?[0-9]+\b regexbuddy 从这个软件找出来的... 安利一个

littlepanic72

2023-06-05 11:27:08 +08:00

@littlepanic72 好像不行...

zhzy

2023-06-05 11:27:32 +08:00

其实写不明白的话, 可以考虑不用正则来做吧...

dreasky

2023-06-05 11:31:45 +08:00

parseFloat 不就得了

masellum

2023-06-05 11:34:31 +08:00

这需求不用正则也可以，写成显式的逻辑还更好维护，何必麻烦自己一定要上正则。

Alias4ck

2023-06-05 11:40:46 +08:00

https://regex101.com/r/D1Y8eQ/1

xiayushengfan

2023-06-05 11:42:58 +08:00

chatgpt

Alias4ck

2023-06-05 11:46:01 +08:00

https://stackoverflow.com/questions/40557688/regex-replace-numbers-but-the-ones-starting-with-0-that-arent-float

参考这个答案把两边的引号改掉就行了

xiayushengfan

2023-06-05 11:48:09 +08:00

^(0|[1-9]\d*)(\.\d+)?$

GzhiYi

2023-06-05 11:49:26 +08:00

有点像是强制输入数值型，比如说价格这种需求。同意楼上说的，获取输入字符后，走 if else 判断一些特殊的输入，最后再走合适的正则。

dinghmcn

2023-06-05 11:52:24 +08:00

参考 #4 楼的做法，大学的时候做计算器，就解决过类似的问题；使用保存都使用浮点型显示的时候转换成字符串

Ashore

2023-06-05 11:52:35 +08:00

/^0*(?:[1-9][0-9]*|0(?:\.[0-9]+)?)$/

loading

2023-06-05 11:54:29 +08:00

如果是 el-input 的话，formatter parser 再结合 holder 应该就可以了，如果是前端，很好做。

你是普通 gui 还是前端

littlepanic72

2023-06-05 12:14:54 +08:00

@Alias4ck 这个也有点点问题....+0010086 用这样子写的时候他还是会把 00 都认为匹配.... 不加正负号的情况这个代码就很好了....

littlepanic72

2023-06-05 12:15:54 +08:00

@Alias4ck +0010086 也通不过这个测试

Alias4ck

2023-06-05 12:18:29 +08:00

@littlepanic72 再改下就好了 (?![+-]?0\d)[+-]?\d*\.?\d+

Alias4ck

2023-06-05 12:21:42 +08:00

@littlepanic72 其实不会出现你这种情况+001002 / -0023123,你发的这种数字就不太合理

laoyutang

2023-06-05 12:28:18 +08:00 via Android

str.replace(/^0*(?!\.)/,'')

NoOneNoBody

2023-06-05 12:32:41 +08:00

你这是两个需求：校验和替换，各自正则不同，同时实施的话需要有 callback 功能的语言

只考虑替换的话：
^([-+])?(0+)(([1-9][0-9\.]?)|0)$ --> $1$3
如果全 0 带符号的情况，去掉符号的我还要想一下，这个还不行

Pipecraft

2023-06-05 13:25:09 +08:00

把开头连续的 0 去掉就可以。

```
function removeLeadingZero(num) {
const regex = /^([+-]?)0+(?=\d)/
return num.replace(regex, "$1")
}

console.log(removeLeadingZero("00"))
// 0
console.log(removeLeadingZero("000"))
// 0
console.log(removeLeadingZero("01"))
// 1
console.log(removeLeadingZero("001"))
// 1
console.log(removeLeadingZero("0.1"))
// 0.1
console.log(removeLeadingZero("+0.1"))
// +0.1
console.log(removeLeadingZero("-0.1"))
// -0.1
console.log(removeLeadingZero("00.1"))
// 0.1
console.log(removeLeadingZero("0012340012"))
// 12340012
console.log(removeLeadingZero("+0010086"))
// +10086
console.log(removeLeadingZero("-0010086"))
// -10086
console.log(removeLeadingZero("+000000"))
// +0

```

bluetree2039

2023-06-05 13:27:43 +08:00

chatpgt 对正则很精通~

laoyutang

2023-06-05 13:39:59 +08:00

'00'.replace(/^0(?!\.)/,'')
'0'
'01'.replace(/^0(?!\.)/,'')
'1'
'0.1'.replace(/^0(?!\.)/,'')
'0.1'

zzlit

2023-06-05 13:54:47 +08:00

@zhzy
@masellum
@GzhiYi
@dinghmcn 感谢大佬提供另一种思路，只是这里原逻辑是用正则写的，我是进行的优化所以就顺着正则思路想了，我想想看怎么处理好

zzlit

2023-06-05 13:56:06 +08:00

@littlepanic72
@Alias4ck
@xiayushengfan
@Ashore
@Pipecraft
@laoyutang 感谢大佬的回答，我琢磨一下正则的规则

zzlit

2023-06-05 13:56:45 +08:00

@loading 前端，是用 vue 写的指令绑在 input 上的，对输入作限制

zzlit

2023-06-05 13:57:54 +08:00

@NoOneNoBody 我本来想的也是这两个部分，拆成两个正则来走规律，但是仔细一想想好像其实用一个正则也可以满足，就是没想好...

xiaoyai0322

2023-06-05 15:02:16 +08:00

replace(/^0*/g, '').replace(/[^\d.]/g, '')
.replace(/\.{2,}/g, '.').replace('.', '$#$')
.replace(/\./g, '').replace('$#$', '.')
.replace(/^\./g, '0.')
.replace(new RegExp("^(\\-)*(\\d+)\\.(" + '\\d'.repeat(n) + ").*$"), '$1$2.$3')

xiaoyai0322

2023-06-05 15:12:11 +08:00

replace(/^0*/g, '').replace(/[^\d.]/g, '')
.replace(/\.{2,}/g, '.').replace('.', '$#$')
.replace(/\./g, '').replace('$#$', '.')
.replace(/^\./g, '0.')

最后那个是保留几位小数 //.replace(new RegExp("^(\\-)*(\\d+)\\.(" + '\\d'.repeat(n) + ").*$"), '$1$2.$3')

magicyao

2023-06-05 15:22:12 +08:00

^([1-9][0-9]|0)*[\.]?([0-9]*[1-9])?$

wuwukai007

2023-06-05 16:18:58 +08:00

gpt4: /^0*(0\.|[1-9])/

nzbin

2023-06-05 18:27:54 +08:00

很久以前做过一个类似的需求。。。
https://www.cnblogs.com/nzbin/p/6742528.html