ng-pattern 是否可以用于 contenteditable 元素?
Is ng-pattern possible on contenteditable elements?
似乎找不到这方面的任何信息。是否可以在 contenteditable div 上使用 ng-pattern?当我尝试时它不起作用:
<div contenteditable="true" ng-model="x.number" ng-pattern='/^(\d)+$/'>{{ x.number }}</div>
更具体地说,当我键入无效条目时,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 地址字段有效。
干杯
似乎找不到这方面的任何信息。是否可以在 contenteditable div 上使用 ng-pattern?当我尝试时它不起作用:
<div contenteditable="true" ng-model="x.number" ng-pattern='/^(\d)+$/'>{{ x.number }}</div>
更具体地说,当我键入无效条目时,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 地址字段有效。
干杯