如何限制AngularJS中的文本字段符号？

Question

我正在尝试在文本字段中限制符号（!@#$%^&*()_+等）。我正在处理的应用程序是使用自定义指令生成文本字段，我对它不是很熟悉。我尝试通过引用How to restrict special characters in AngularJS textbox [closed] 来实现相同的功能，但无法解决我的问题。我会附上所有 下面的相关文件，以便您了解框架的实现方式。

我正在尝试将模式限制添加到用户名表单字段中。请找到以下代码。

• Form.js

• Formusername.html

如果我们在Developer Tools中打开Element选项卡，我们将能够看到作为属性添加到输入字段的指令名称。我将从开发人员窗口复制元素标记以显示相同的内容：

<input type="text" id="txtName" name="name" ng-keyup="onkeyup({e : $event})" ng-blur="onblur({e : $event})" ng-model="nameModel" value="" placeholder="" class="form-control lvp-form-input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="" no-special-char="">

如您所见，no-special-char=""已添加到输入字段中。

我是一个更新鲜，仍然在学习AngularJS。我对指令也不熟悉。谁能指出我在这里做的错误并提供解决方案？此外，如果您认为有更好的方法来实现这一目标，请让我知道同样的事情。提前谢谢。

Answer 1

使用ng-pattern，如ng-pattern =＆＃34; / ^ [a-zA-Z0-9] * $ /＆＃34;