角度输入掩码只能禁用数字

Question

我想创建一个输入掩码。

我想要删除和箭头键功能以及除1 2 3 4 5之外的所有其他键。我使用1,2,3,4,5,6作为热键用于计划应用程序。是否有可能创建一个只禁用数字1-6的掩码？

<input pattern="regex"> <!-- not working because it only fires after submit --> 

Answer 1

<input type="text" ng-keypress="keyPressed($event)"> 

在控制器

function MyCtrl($scope){ 
    $scope.keyPressed = function(e) { 
     if (e.keyCode >= 49 && e.keyCode <= 54) { 
      event.preventDefault(); 
     } else { 
      // do your logic 
     } 
    } 
} 

你可以用ng-pattern属性做的，但它允许的字符并做验证，但您的要求是禁用的字符。

Answer 2

可以使用角度ng-pattern来实现这一目标：

<input type="text" ng-model="check" name="check" ng-pattern="/^[^1-6.]*$/"> 
<small class="error" ng-show="exampleForm.check.$error.pattern">Invalid pattern.</small> 

动态检查无效键进入不上提交。