在可疑元素上是否可以使用ng-pattern?

时间:2015-10-13 20:24:06

标签: angularjs contenteditable angularjs-validation ng-pattern angularjs-ng-pattern

似乎找不到任何关于此的信息。是否可以在contenteditable div上使用ng-pattern?当我尝试它不起作用时:

<div contenteditable="true" ng-model="x.number" ng-pattern='/^(\d)+$/'>{{ x.number }}</div>

更具体地说,当我输入无效条目时,div元素上的ng验证类不会改变。

1 个答案:

答案 0 :(得分:0)

如果有人想知道,我最终在我的控制器中添加了验证功能&#39; keyup&#39;像这样的行动:

element.bind('keyup', function(event) {
            if(element.hasClass("ip-input")){

                var validPattern = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
                var result = validPattern.test(element.html());

                if(result == true) {
                    element.removeClass("invalid-input");
                    element.removeClass("valid-input");
                    element.addClass("valid-input");
                }
                else {
                    element.removeClass("valid-input");
                    element.removeClass("invalid-input");
                    element.addClass("invalid-input");
                }
            }
        });

这验证IP地址字段是否有效。

干杯