微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angularJS ng-pattern无效

请看看plunker.

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

其中ng-pattern regEx不适用于输入文本字段.

只需要正确应用所需验证的地方.

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",maxlength: 5,];
            });

有什么建议??

-谢谢

将正则表达式分配更改为以下.因为它应该是正则表达式.如果你用双引号提到那么它就变成了一个字符串.
$scope.regEx = /^\d+$/;

原文地址:https://www.jb51.cc/angularjs/140818.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐