将特殊字符限制在输入框中

Question

是Angular的新功能。需要使用angularjs将特殊字符限制在输入框中

HTML代码：

<input type="text" class="form-control" id="cntry" ng-model="address.countryCode">

仅允许字母或数字

Answer 1

在控制器中定义正则表达式

$scope.regex = /^[^`~!@#$%\^&*()_+={}|[\]\\:';"<>?,./1-9]*$/;

然后在您的html中使用ng-pattern指令并将上述正则表达式作为模式传递。

<input type="text" class="form-control" id="cntry"
       ng-model="address.countryCode" ng-pattern="regex">

有关更多信息，请访问Restrict Special Characters in HTML & AngularJs

Answer 2

您可以通过添加模式来尝试此解决方案：

<input type="text" class="form-control" id="cntry"
       ng-model="address.countryCode" pattern="^[a-zA-Z0-9]*$}">