使用javascript（Vue.js）在某些条件下仅接受数字和某些字符的正则表达式[关闭]

Question

任何人都可以帮助我使用执行以下操作的正则表达式：

• 只接受 0-9 的数字
• 仅接受以下只能出现一次的字符：“e”、“”和“.”
• 输入句号时，不能再输入逗号，反之亦然
• “e”后不得输入逗号或句点

我希望有人可以帮助我，我自己不擅长正则表达式，但知道它们很强大。但是，如果有其他方法可用，请告诉我。 我自己通过不同的方法尝试过。我写的不幸不能正常工作的代码如下：

validateNumberInput() {
  this.countPeriods = 0
  this.countCommas = 0
  this.countE = 0
  for (var i = 0; i <= this.inputValue.length; i++) {
    if (
      isNaN(this.inputValue[i]) &&
      this.inputValue[i] &&
      this.inputValue[i] != "." &&
      this.inputValue[i] != "," &&
      this.inputValue[i].toUpperCase() != "E"
    ) {
      console.log(this.inputValue[i])
      console.log(this.inputValue.length)
      this.inputValue = this.inputValue.replace(this.inputValue[i], "")
    } else if (this.inputValue[i] == "." && this.countPeriods < 1) {
      this.countPeriods = this.countPeriods + 1
      this.countCommas = this.countCommas + 1
    } else if (this.inputValue[i] == "." && this.countPeriods >= 1) {
      this.inputValue = this.inputValue.replace(this.inputValue[i], "")
    } else if (this.inputValue[i] == ",") {
      this.countCommas = this.countCommas + 1
      this.countPeriods = this.countPeriods + 1
    } else if (this.inputValue[i] == "E" || this.inputValue[i] == "e") {
      this.countE = this.countE + 1
    }

    //  Only accept a period, comma or 'e' once
    if (this.inputValue[i] == "." && this.countPeriods > 1) {
      this.inputValue = this.inputValue.replace(this.inputValue[i], "")
    } else if (this.inputValue[i] == "," && this.countCommas > 1) {
      this.inputValue = this.inputValue.replace(this.inputValue[i], "")
    } else if ((this.inputValue[i] == "E" || this.inputValue[i] == "e") && this.countE > 1) {
      this.inputValue = this.inputValue.replace(this.inputValue[i], "")
    }
  }
},

我遇到的问题是，如果句号、逗号或“e”已经出现过一次，并且我重新输入其中一个字符，则该字符会在其原始位置消失并被新字符替换。应该是这样的，如果已经输入了这些字符之一，我就不能再输入这些字符了

Answer 1

验证字符串是数字还是匹配规则的正则表达式是^[0-9]*[.,]?[0-9]+([eE][0-9]+)?$。我在https://www.regular-expressions.info/floatingpoint.html 找到它。你可以在那里阅读它是如何工作的。我只替换了“.?”使用 [.,]?，因为您想匹配逗号或分号作为分形部分的分隔符。 我还省略了“[-+]？”到处都是，因为您不想匹配代数符号（在指数或整数前面）。

但是……

在您发布的代码中，您尝试删除所有无效字符，这意味着将例如“a12a3.4x5.6e7E8”转换为“123.456e78”。 您也可以为此使用单个正则表达式，但它会非常复杂，以至于没有人会立即理解它。因此，我建议改用以下三个步骤：

var s = "1a2.3b4.5,6e78Ee.";
var result = s.replaceAll(/[^0-9.,e]/gi, ""); // delete all characters except numbers and ,.E
console.log(result); // "12.34.5,6e78Ee."
result = result.replaceAll(/(?<=[.,e].*)[.,]/gi, ""); // delete all dots and commas that are preceded by other dots, commas or exponent.
console.log(result); // "12.3456e78Ee" 
result = result.replaceAll(/(?<=e.*)e/gi, ""); // keep the first exponent and delete all others
console.log(result); // "12.3456e78"

如果您关心减号，可以添加第四步，请参见下面的代码。使用的时候别忘了第一步在正则表达式内的允许字符列表中加上减号。

var s = "-12-34.-56e-7-8";
var result = s.replaceAll(/(?<!e|^)-/gi, ""); // delete minus signs if it is not directly preceded by an E, or if it does not stand at the beginning
console.log(result); // "-1234.56e-78"