使用Angular 7在HTML输入框中限制特殊字符

Question

我需要在Angular 7的html输入框中限制特殊字符。类似地，我还有其他要求，例如仅输入数字，字母等。

是Angular的新用户，将不胜感激。

我尝试了以下代码：

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

Answer 1

您的pattern属性应如下所示：

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

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

第二，"字符存在问题。因此，现在我才将其从班级中删除，将对其进行更多的研究。

UPD ：找到了引号字符here的解决方案。 \x22用作"字符。

这是一个有效的示例：https://jsfiddle.net/qy5m07uh/