How will I disallow specific characters in AngularJS Regular Expression?

Question

I tried this to disallow characters

<input type="text" id="full_name" name="full_name" ng-pattern="/[^\@\-#\-&]/">

but it's not working.

What characters do you want to disallow? @, #, &, and -? Then try "/^[^@#&-]*$/" — Wiktor Stribiżew
– Wiktor Stribiżew, Commented Aug 18, 2016 at 8:21
You have to add your ng-model to your input: ngPattern adds the pattern validator to ngModel — Yosvel Quintero
– Yosvel Quintero, Commented Aug 18, 2016 at 8:22
@Wiktor Stribiżew it works. Can you post it on answer so I can select it as the right/correct answer. Thanks! — ralcazar
– ralcazar, Commented Aug 18, 2016 at 8:25

Wiktor Stribiżew · Accepted Answer · 2018-03-21 09:35:53Z

4

If you want to disallow @, #, &, and - characters, use "/^[^@#&-]*$/":

<input type="text" id="full_name" name="full_name" ng-model="YOUR_MODEL" ng-pattern="/^[^@#&-]*$/" />

The ^[^@#&-]*$ pattern matches:

^ - start of string
[^@#&-]* - 0 or more chars other than the ones defined in the negated character class
$ - end of string.

Note: to make the value required, you may add required attribute, or replace the * quantifier in the pattern with + (to require at least 1 (or more) characters).

edited Mar 21, 2018 at 9:35

answered Aug 18, 2016 at 8:25

Wiktor Stribiżew

631k41 gold badges502 silver badges632 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RIYAJ KHAN Over a year ago

^@#&- means except these set of character. +1 for explaination

Yosvel Quintero · Accepted Answer · 2016-08-18 09:03:56Z

Here a working example of ngPattern excluding @, #, &, and - characters with the use of Regular Expression: /^[^@#&-]+$/:

angular
  .module('App', [])
  .controller('ExampleController', function($scope) {
      $scope.full_name = '';
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="App" ng-controller="ExampleController">
  <form name="form">
    <label for="full_name">This input is restricted by the current pattern: </label>
    <input type="text" id="full_name" name="full_name" ng-model="full_name" ng-pattern="/^[^@#&-]+$/" /><br>
    <hr>
    Input valid? = <code>{{form.full_name.$valid}}</code><br>
    Model value = <code>{{full_name}}</code>
  </form>
</div>

Collectives™ on Stack Overflow

How will I disallow specific characters in AngularJS Regular Expression?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related