[英]Is ng-pattern possible on contenteditable elements?
Can't seem to find any info on this. 似乎找不到任何相关信息。 Is it possible to use ng-pattern on a contenteditable div?
是否可以在contenteditable div上使用ng-pattern? When I try it doesn't work:
当我尝试不起作用时:
<div contenteditable="true" ng-model="x.number" ng-pattern='/^(\\d)+$/'>{{ x.number }}</div>
More specifically, the ng validation classes on the div element do not change when I type invalid entries. 更具体地说,当我键入无效条目时,div元素上的ng验证类不会更改。
In case anyone is wondering, I ended up adding a validation function in my controller on 'keyup' action like so: 万一有人想知道,我最终在控制器上对“ keyup”操作添加了验证功能,如下所示:
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");
}
}
});
This validates that an IP address field is valid. 这验证IP地址字段有效。
Cheers 干杯
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.