angularJS ng-pattern not working

Question

Please take a look plunker.

http://plnkr.co/edit/DuTFYbLVbPkCIvRznYjG?p=preview

where ng-pattern regEx is not going to apply on input text field.

where only required validation is applying properly.

HTML:

<body ng-controller="tableController">
    <form name="test">
        <div ng-repeat="model in models">
            <span ng-bind="model.caption"></span>
            <div ng-form name="frm{{$index}}">
                <input name="input{{$index}}"
                    ng-model="data[model.name]"
                    ng-disabled="model.isDisabled"
                    minlength="{{model.minlength}}"
                    maxlength="{{model.maxlength}}"
                    ng-show="model.isShow"
                    ng-pattern="model.pattern"
                    ng-required="true" />
                <br />
                {{data[model.name]}}
            </div>
        </div>
    </form>
    <br />
    <br />
</body>

JS:

angular.module("app", []).controller("tableController", function ($scope) {
        $scope.regEx = "/^\\d+$/";
        $scope.data = {};
        $scope.data.one = 234;
        $scope.data.two = 32432;
        $scope.models = [
            { name: "one", caption: "cOne", isDisabled: false, isShow: true, minlength: 2, maxlength: 10, pattern: "/^\d+$/" },
            { name: "two", caption: "cTwo", isDisabled: false, isShow: true, minlength: 2, maxlength: 5, pattern: "/^\d+$/" },
        ];
            });

Any suggestion ??

-Thanks

Post the part of code along with Plunkr when you are facing issue in SO question. — Sai
– Sai, Commented Mar 24, 2014 at 14:43

Sai · Accepted Answer · 2014-03-24 14:42:36Z

12

Change the regular expression assignment to the below. Since it should be a regular expression. If you mention in double quotes then it becomes a string.

$scope.regEx = /^\d+$/;

answered Mar 24, 2014 at 14:42

Sai

2,06819 silver badges26 bronze badges

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

3 Comments

user3249448 Over a year ago

Hi, what about if i am going to use pattern from model... it still have same issue.. plnkr.co/edit/bkokVe?p=preview plz check above plunker link

Sai Over a year ago

I still would say the same thing to do. Please check this plunkr

bunny1985 Over a year ago

and what if in model we have only string passed by user instead of regexp object ?

Collectives™ on Stack Overflow

angularJS ng-pattern not working

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related