2017-04-19 24 views
0

我想創建一個使用AngularJS的文本框,其中用戶只允許輸入密鑰(1,2,3,4 & 5)。 *除了這些鍵以外。如何在文本框中使用少量數字鍵來限制用戶窗體?

+0

分享您在代碼中迄今爲止所嘗試的內容,並只詢問您遇到困難的位置。這不是一個免費的編碼服務 – tanmay

+0

@Claies不會'ng-pattern'只是使輸入無效,而OP要求用戶只允許輸入特定的密鑰? – tanmay

回答

4

可以使用ng-keypress="validate($event)"的鑰匙和控制器的功能,使用如下使用戶允許只輸入特定的按鍵

在控制頁面,

$scope.validate = function ($event) { 
    var regex = new RegExp("[1-5]"); 

    var key = String.fromCharCode(!$event.charCode ? $event.which : $event.charCode); 

    if (!regex.test(key)) { 
     $event.preventDefault(); 
     return false; 
    } 
} 

在HTML頁面中,

<input class="form-control" type="text" ng-keypress="validate($event)" /> 

希望這會幫助你。

+0

嗯..這是正確的。親愛的 –

相關問題