时间戳

首页 > 解决方案 > 使用Angular 7限制HTML输入框中的特殊字符

regex - 使用Angular 7限制HTML输入框中的特殊字符

问题描述

我需要使用 Angular 7 限制 html 输入框中的特殊字符。同样，我还有一些其他要求，比如只输入数字、字母等。

我是 Angular 的新手，任何帮助将不胜感激。

我尝试了以下代码：

<input type="text" maxlength="45" class="form-control" id="hno" [(ngModel)]="Address.number" pattern="^[^`~!@#$%\^&*()_+={}|[\]\\:';"<>?,./]*$">

标签： regexangularhtml

解决方案

您的pattern属性应如下所示：

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

首先，您不应该使用^and$因为您将每个字符都与此模式匹配。

其次，人品有问题"。所以现在我只是把它从课堂上删除了，会更多地研究它。

UPD ：在这里找到了引号字符的解决方案。\x22作为"角色工作。

这是一个工作示例：https ://jsfiddle.net/qy5m07uh/

推荐阅读