用javascript写一个特定的模式

Question

我有一个 html 输入，例如：

<div class="form-group">
 <div class="col-sm-6">
  <label for="inputCalculator"
         class="control-label">Calculation:</label>
  <input class="form-control"
         type="text"
         [(ngModel)]="properties.calculator"
         (keyup)="onKeyUpCalculator($event.key, 0)"
         placeholder="Enter Calculator:"
         id="inputCalculator"
         name="inputCalculator"
         autocomplete="off" />
  <div *ngIf="calculatorError"
        class="alert alert-danger">
        The pattern is incorrect
 </div>
</div>

如果输入文本来自这种模式，我想检查 js：

可以是字符串开头的 X OR X 开头和之后的下列运算符之一：+、-、*、/ 和之后运算符应该有一个数字（浮点数也是如此），数字后面是运算符，运算符后面是另一个数字，依此类推。

以下是有效输入的一些示例：

1. X
2. X*5466
3. X+2145/24525*3566
4. X-2345+31101/46704*2*2/8
5. X+4.2-43/88.33*123.11+5555

如何在 javascript 中编写此模式？

Answer 1

匹配所有这些输入的正则表达式模式是。

/^X((\*|\+|\/|-)\d+)*$/

或更短：

/^X([\*\+\/-]\d+)*$/

你可以测试一下here。

^X // start with X
   ( // start a new group for all the rest
      [\*\+\/-] // one of *,+,/,-
      \d+ // at least one digit
   )* // match stuff like *123 0 or multiple times
 $ // match the end of the line

console.log('Should match');
console.log('X is ' + isCorrect('X'));
console.log('X*5466 is' + isCorrect('X*5466'));
console.log('X+2145/24525*3566 is ' + isCorrect('X+2145/24525*3566'));
console.log('X-2345+31101/46704*2*2/8 is ' + isCorrect('X-2345+31101/46704*2*2/8'));

console.log('Should not match');
console.log('Xi is ' + isCorrect('Xi'));

function isCorrect(input) {
 return input.match(/^X([\*\+\/\-]\d+)*$/) == null ? false : true
}

对于浮点数，我们可以将正则表达式的 \d+ 部分替换为与浮点数匹配的部分，例如 [-+]?[0-9]*\.?[0-9]+。

那么正则表达式将是：

/^X([\*\+\/-][-+]?[0-9]*\.?[0-9]+)*$/