ng-pattern 允许单词之间有空格

Question

I am looking for a regular expression that prevents special characters and only allows letters, numbers, dash (-), underscore (_) an space .

This regex works great but it doesn't allow for spaces between words.

For example, if enter "123 456" , i get custom error i defined. How i can tweak this reg to allow space between words as well in addition to letters, numbers, dash and underscore.

<input type="text" name="serialNumber" data-ng-model="SerialNumber" ng-pattern="/^[a-zA-Z0-9_-]*$/" maxlength="100"/>
<div data-ng-if="Form.serialNumber.$error.pattern" class="error">Please enter valid serial number</div>

Answer 1

I think I found a very simple and basic solution for my requirement ie to allow alphanumeric, _, - and space. Space should be allowed between word and not leading and trailing space. ie to allow alphanumeric, _, - and space. Space should be allowed between word and not leading and trailing space.

ng-pattern="/^[a-zA-Z0-9\_\- ]*$/"

Anybody find issue with it , let me know please.

Answer 2

If you want to allow a space in your input, you need to include it into the character class.

According to docs :

ngTrim (optional)
If set to false Angular will not automatically trim the input. This parameter is ignored for input[type=password] controls, which will never trim the input.
(default: true)

So, if your input field is not password field I'd recommend:

ng-pattern="/^[\w -]*$/"

The \\w stands for [A-Za-z0-9_] in JS, the underscore does not have to be escaped and the hyphen at the end of the character class does not need escaping either.

Answer 3

^[a-zA-Z0-9_-]+(?:\s+[a-zA-Z0-9_-]+)*$

以这种方式构建您的正则表达式以捕获words而不是开头或结尾的spaces 。

Answer 4

您可以尝试以下基于环视的正则表达式。

^(?!\s)(?=$|.*[a-zA-Z0-9_-]$)[a-zA-Z0-9_\s-]*$

Answer 5

使用此模式解决问题

ng-pattern="/^(\D)+$/"

Answer 6

请 ng-pattern="/^[\\w -]*$/"