如何修改正则表达式，实现仅允许单个小数点的输入限制？

数据老陈

2026-5-21

Solution to Restrict Single Decimal Point in Input

Got it, let's sort out this regex problem for you. Your current code lets multiple decimal points slip through, which isn't ideal. Here's how to tweak it to only allow one decimal point max, while still filtering out all other non-numeric characters:

Option 1: Two-step Replacement (Readable & Straightforward)

This approach breaks the problem into clear, easy-to-follow steps—great for maintainability later:

this.value = this.value
  .replace(/[^0-9.]/g, '') // First: Strip out all characters that aren't digits or a decimal point
  .replace(/(\.)(?=.*\.)/g, ''); // Second: Remove any extra decimal points (keep only the first occurrence)

Let's break down the second regex:

(\.) captures a decimal point
(?=.*\.) is a positive lookahead that checks if there’s another decimal point somewhere after the current one
We replace these redundant decimals with an empty string, leaving only the first valid one intact.

Option 2: Single Regex Replacement (Concise One-liner)

If you prefer a more compact solution, this combined regex handles both filters in one go:

this.value = this.value.replace(/(?!^)\.(?=.*\.)|[^0-9.]/g, '');

Here's what each part does:

(?!^)\.(?=.*\.): Matches any decimal point that’s not at the start of the string AND has another decimal point later on
|[^0-9.]: Acts as an "OR" to target any character that’s not a digit or decimal point
All matched characters get replaced with nothing, achieving the same result in a single line.

Bonus: Prevent Leading Decimal Points (If Needed)

If you don’t want users to input values like .123 (and prefer 0.123 instead), add one extra step:

this.value = this.value
  .replace(/[^0-9.]/g, '')
  .replace(/(\.)(?=.*\.)/g, '')
  .replace(/^\./, '0.'); // Replace leading decimal with "0." to make it a valid number format