ng-pattern，用于密码文本，以接受所有特殊字符和数字，字母

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>

Above pattern is working fine for below symbols

@ # $ % & ! *

But I want to allow all special characters like

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

plunkr link

How to include all special characters in that pattern that should work for password?

Answer 1

Use the following ng-pattern :

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

Note that \\ and ] are escaped in the character class with \\ and the double quotes are represented as a " HTML entity. The hyphen does not need escaping when at the character class end .

See the updated plunkr .

Answer 2

在每个特殊符号前用“ \\”字符转义特殊符号。