ng-pattern allow only letters, numbers, dot, underscore and dash

Question

How'd allow for an input using ng-pattern only: letters, numbers, dot, underscore and dash ( . _ -)?

Already tried the following ones

UPDATE:

$scope.validationPattern = '/^[a-zA-Z\d\-\_]+$/';

<input ng-model="model" type="text" ng-pattern="{{validationPattern}}" />

Great, and what does not work? Note there is no dot in the pattern (after your edit). Try it like this `'/^[a-zA-Z0-9._-]+$/'` and use `` (add `ng-trim="false"`). — Wiktor Stribiżew, Aug 24 '16 at 11:23

score 13 · Accepted Answer · answered Aug 24 '16 at 11:36

13

Judging by your requirements, you need to add a dot to the pattern:

$scope.regex = '^[a-zA-Z0-9._-]+$';

and add ng-trim="false" to the <input> tag so as to disallow leading/trailing spaces.

answered Aug 24 '16 at 11:36

Wiktor Stribiżew

one more question, if I'd like to add slash (`/`) too why `^[a-zA-Z0-9._-/]+$` does not works? – el.severo Aug 24 '16 at 13:37
Ok, just follow either strategy: 1) escape the hyphen and do not care what you add at the end of the character class or 2) always keep the hyphen at the end of the character class. If you escape in a string literal use double backslashes. – Wiktor Stribiżew Aug 24 '16 at 13:42
Thanks! in plunker it works but not in my project. I'm getting: `[$parse:lexerr] Lexer Error: Unexpected next character at columns 0-0 [^] in expression [^[a-zA-Z0-9._/-]+$]` , any idea? this is how the input looks like: `` – el.severo Aug 24 '16 at 14:21
Try `ng-pattern="/^[a-zA-Z0-9._\/-]+$/"` – Wiktor Stribiżew Aug 24 '16 at 17:52

score 4 · Answer 2 · answered Aug 24 '16 at 11:39

4

[a-zA-Z0-9][A-Za-z0-9._-]*

this one works

answered Aug 24 '16 at 11:39

jayanthCoder

score 2 · Answer 3 · answered Aug 24 '16 at 11:41

/^[a-zA-Z0-9 ._-]+$/

This regex seems appropriate enough for you if it don't directly fit in ng-pattern make necessary adjustments, like.

in controller add

$scope.pattern = /^[a-zA-Z0-9 ._-]+$/;

now in html use ng-pattern="pattern"

Accepts numbers, alphabets and three symbols(.-_)

3 Answers3