Custom validation [AngualrJS]

Question

I was writing code for implementing validation on a input text box. Which should allow the user to enter only numbers. Almost succeeded in implementing this functionality, but faced one difficulty : I'm not able to delete the last character entered.

app.directive('num', function () {
return {
    restrict: 'A',
    require: 'ngModel',
    link: function (scope, el, attrs, ctrl) {

        var lastValidValue;
        var NUMBER_REGEXP = /^[0-9]+$/;
        ctrl.$parsers.push(function (value) {
            console.log('inside parsers')
            console.log("Last " + lastValidValue + ", View " + ctrl.$viewValue + ", model " + ctrl.$viewValue);
            if (NUMBER_REGEXP.test(value)) {
                console.log('true')
                lastValidValue = value;
            }
            else {
                ctrl.$viewValue = lastValidValue;
                ctrl.$render();
            }
            console.log("Last " + lastValidValue + ", View " + ctrl.$viewValue + ", model " + ctrl.$viewValue);
            return lastValidValue;
        });
    }
}

})

Please help me to tackle the issue.

user1135469 · Accepted Answer · 2014-05-28 12:30:04Z

1

Try changing if (NUMBER_REGEXP.test(value)) to if (NUMBER_REGEXP.test(value) || value == '')

answered May 28, 2014 at 12:30

user1135469

1,02012 silver badges23 bronze badges

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

2 Comments

Imp Over a year ago

That worked. Thanks a lot. Could u pls tell me what I did wrong?

user1135469 Over a year ago

So you coded the directive so that it only allows numbers (your regex pattern)...empty or '' doesn't count as a number so you have to consider/allow for that case.

Collectives™ on Stack Overflow

Custom validation [AngualrJS]

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related