In AngularJS, howto use ng-trim=false with input type as email

Question

I am having login form with two fields ..username and password. Now by default angular trim white spaces from email field. But I want to retain white spaces so that I can show invalid email field message based on white space. How can I retain white spaces in input type email field? ( I know we can use ng-trim="false" to avoid trim but it is application in case of input type =text only ) Please help.

Community · Accepted Answer · 2017-05-23 12:15:59Z

3

Here your directive will look like

Directive

app.directive('customValidation', function() {
    return {
        require: 'ngModel',
        link: function(scope, element, attrs, modelCtrl) {
            modelCtrl.$parsers.push(function(inputValue) {
                var transformedInput = inputValue.toLowerCase().replace(/ /g, '');
                if (transformedInput != inputValue) {
                    modelCtrl.$setViewValue(transformedInput);
                    modelCtrl.$render();
                }
                return transformedInput;
            });
        }
    };
});

HTML

<input ng-model="sth" ng-trim="false" custom-validation>

Here is Reference SO Question

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Feb 25, 2015 at 9:10

user3458948

495 bronze badges

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

Collectives™ on Stack Overflow

In AngularJS, howto use ng-trim=false with input type as email

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related