Regex - Include space in AngularJS directive

Question

I want to permit user to enter alphanumeric and whitespace only in this input field, but I can't seem to get it to work.

I can enter alphanumeric, but unable to enter whitespace.

I tried using /[^0-9a-zA-Z\.\\s]/g ,

/[^0-9a-zA-Z \.]/g,

/[^\w ]/g but none of them worked. Please help.

app.directive('onlyAlphabets', function() { 
      return {
        require: '?ngModel',
        link: function(scope, element, attrs, ngModelCtrl) {
          if(!ngModelCtrl) {
            return; 
          }

          ngModelCtrl.$parsers.push(function(val) {
            if (angular.isUndefined(val)) {
                var val = '';
            }
            var clean = val.replace(/[^0-9a-zA-Z\.]/g, '');
            var decimalCheck = clean.split('.');

            if(!angular.isUndefined(decimalCheck[1])) {
                decimalCheck[1] = decimalCheck[1].slice(0,2);
                clean =decimalCheck[0] + '.' + decimalCheck[1];
            }

            if (val !== clean) {
              ngModelCtrl.$setViewValue(clean);
              ngModelCtrl.$render();
            }
            return clean;
          });

          element.bind('keypress', function(event) {
            if(event.keyCode === 32) {
              event.preventDefault();
            }
          });
        }
      };
    })

Avinash Raj · Accepted Answer · 2015-05-19 06:46:24Z

1

To allow only alphanumeric and space.

/^[A-Za-z0-9\s]+$/m

^ start
A-Z uppercase alphabets.
a-z lowercase alphabets.
0-9 digits.
\s space
[A-Za-z0-9\s]+ so the above would be repeated one or more times.

To remove non-alphanumeric chars except space from the input string,

val.replace(/[^0-9a-zA-Z\s]/g, '');

edited May 19, 2015 at 6:46

answered May 19, 2015 at 6:44

Avinash Raj

175k32 gold badges247 silver badges289 bronze badges

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

8 Comments

mads Over a year ago

Can you please explain?

karthik manchala Over a year ago

@Avinash check this line in code var clean = val.replace(/[^0-9a-zA-Z\.]/g, '');

Avinash Raj Over a year ago

then it would be val.replace(/[^0-9a-zA-Z\s]/g, '');

karthik manchala Over a year ago

yeah.. exactly.. but /[^0-9a-zA-Z \.]/g should also work right? the one user tried!

mads Over a year ago

@AvinashRaj val.replace(/[^0-9a-zA-Z\s]/g, ''); this doesn't work.

|

Collectives™ on Stack Overflow

Regex - Include space in AngularJS directive

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related