输入框 onchange 只允许数字和一个点

Question

我正在创建一个带有 onChange 函数的输入框，该函数将检查字符是否只是数字，并且最多只允许一个句点/点 '.'

我这里的功能不起作用：

function addPercentSeparator(n) {
  let str = n;
  let match = str.match(/\d*\.\d*/)
  if (match) {
    return str;
  }
}

我也试过了：let match = str.match(/^([0-9]+(\.[0-9]+)?)/)

我想要实现的只是允许一个时期。 如果用户输入一个没有句点的数字，当他们在输入框外点击时，它会在字符串末尾附加一个句点。

Answer 1

This 正则表达式应该可以解决问题：

^\d*\.?\d*$

但如果你问我，我会确保在点之前有数字，使用^\d+\.?\d*$。

说明：

• 由于点不是强制性的，我添加了?，它表示“0 或 1 次出现”。
• 我还添加了^ 和$，以确保在整个字符串非法时不会匹配字符串的任何部分。

我希望这对你有用！