如何限制或验证输入字段输入重复的数字？

Question

当用户输入如上所示的数字时，我需要显示警告

Answer 1

使用模式，这种方式可以帮助您限制任何数字（{3} -no.of重复）

@Pattern（正则表达式=＆＃34;？！^（（\ d）\ 1 {3}）＆＃34）

Answer 2

如果您想要显示提醒，则可以使用watch：

<input type="text" ng-model="test" id="" value="" />

$scope.$watch('test', function(newValue) {
    if (/(\d)\1{4,}/.test(newValue)) {
      alert('invalid input: ' + newValue) 
    }
  })

如果您想显示红色错误边框，可以使用ng-class：

<input type="text" ng-model="test2" ng-class="{red:isInvalid(test2)}" />

$scope.isInvalid = function(input) {
    return /(\d)\1{4,}/.test(input)
  }

.red {
  border-color: red;
}

您可以看到here示例。

ng-pattern是另一种选择。