Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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+$/;

大佬总结

以上是大佬教程为你收集整理的angularJS ng-pattern无效全部内容,希望文章能够帮你解决angularJS ng-pattern无效所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: