ng-pattern should not match supplied pattern

Question

In ng-pattern we have the option of specifying that the field should match a specific pattern.

How can we specify that it should NOT match the specified pattern?

Example,

<input type="text" ng-pattern="/[*|\":<>[\]{}`()';@&$]/" />

Here, I DONT want the field to match the pattern. On the contrary, I want to show error if the pattern matches.

Answer 1

You could use a negative lookaround ((?!pattern)) to negate your regex:

ng-pattern="/(?![*|\":<>[\]{}`()';@&$])/"

Answer 2

In order to check if a string does not have some substring, you can use a string-start-anchored lookahead:

/^(?!.*[*|\x22:<>[\]{}`()';@&$])/

See demo

In AngularJS, the pattern does not have to match the entire string if a RegExp object is passed (the one with delimiters), so this regex suits the current purpose well (just check if a condition is true or false).

Note that the commonly used tempered greedy token solution ^(?:(?![*|\x22:<>\[\]{}`()';@&$]).)*$ (see demo) can be used, too, but it is less efficient since each position in the input string is checked.

Also, it is convenient to use \x22 to match a double quote in the ng-pattern value.