Angularjs 在contenteditable元素上是否可以使用ng模式?
似乎找不到这方面的任何信息。是否可以在contenteditable div上使用ng模式?当我尝试时,它不起作用: {{x.number}}Angularjs 在contenteditable元素上是否可以使用ng模式?,angularjs,contenteditable,angularjs-validation,ng-pattern,angularjs-ng-pattern,Angularjs,Contenteditable,Angularjs Validation,Ng Pattern,Angularjs Ng Pattern,似乎找不到这方面的任何信息。是否可以在contenteditable div上使用ng模式?当我尝试时,它不起作用: {{x.number}} 更具体地说,当我键入无效条目时,div元素上的ng验证类不会更改。如果有人想知道,我最后在控制器的“keyup”操作中添加了一个验证函数,如下所示: element.bind('keyup', function(event) { if(element.hasClass("ip-input")){
更具体地说,当我键入无效条目时,div元素上的ng验证类不会更改。如果有人想知道,我最后在控制器的“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");
}
}
});
这将验证IP地址字段是否有效
干杯