NG模式密碼文本接受所有的特殊字符和數字，字母

Question

的Html

<form novalidate class="css-form"> 
    username <input type="text" 
    ng-pattern="/^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@('@')$!%*#?&])[A-Za-z\d$@('@')$!%*#?&]{8,20}$/" ng-model="user.email" required /><br /> 
</form> 

上面的圖案爲以下符號

@ # $ % & ! * 

工作正常，但我想允許所有特殊字符如

{ } [ ] < > ()^+ - = ; : ' "/\ | 

plunkr link

如何在該模式中包含所有需要密碼的特殊字符？

Answer 1

使用以下ng-pattern：

ng-pattern="/^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@('@')$!%*#?&{}[\]<>()^+=;:'&quot;/\\|-])[A-Za-z\d$@('@')$!%*#?&{}[\]<>()^+=;:'&quot;/\\|-]{8,20}$/" 

注意\和]在字符類中逃脫\和雙引號表示爲" HTML實體。在字符類末尾處，連字符不需要轉義。

查看updated plunkr。

Answer 2

在每個特殊符號之前用「\」char轉義特殊符號。