仅允许单词和空格的正则表达式

Question

<input name="city" ng-pattern="([\w ]+)" 
        invalid-message="'City is invalid.'" 
           ng-model="city" type="text" 
            required-message="'You must enter a city.'" required >

I have an input field as above where i have to allow only alphabets and spaces alone , but the above one fails... throwing me "City is invalid" . I tried with different combination of pattern but all fails... ng-pattern="([a-zA-z ]+)"

Answer 1

Your ng-pattern expression doesn't evaluate to a string or regular expression object.

If you want to hard-code a regular expression, wrap it in quotes so that it's evaluated as a string:

ng-pattern="'[A-Za-z ]+'"

Alternatively, bind ng-pattern to a variable:

_HTML:

 ng-pattern="regex" 

_JS:

 $scope.regex = '[A-Za-z ]+'; 

---

Note that the ^ and $ are unnecessary as they are implied when passing a string parameter:

If the expression evaluates to a string, then it will be converted to a RegExp after wrapping it in ^ and $ characters.

Answer 2

The following matches any character from az as well as whitespaces, from the beginning to the end of the string:

^[A-Za-z\\s]*$