Md-chips 电子邮件验证
如何为 md-chips 创建电子邮件验证?我下面的表达式不起作用,因为每当我输入内容时都会调用 ng-keypress 指令。
建议?
<div class="row">
<div class="col-md-12" ng-cloak="">
<md-context class="md-padding">
<md-chips md-separator-keys="ctrl.customKeys" ng-keypress="ctrl.validateEmail()" ng-model="ctrl.ConfiguracaoRegra.Emails" md-max-chips="20" placeholder="Inserir um email..." ng-required="true" type="email"></md-chips>
</md-context>
</div>
</div>
vm.validateEmail = function (keyEvent) {
var emailValue = angular.element(".md-input").val();
var reg = /^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/;
if (reg.test(emailValue)) {
vm.isEmailValid = true;
} else {
vm.isEmailValid = false;
}
};
最佳答案
您应该使用 ng-change
指令而不是 ng-keypress
,或者结合使用 md-on-add
和 md -on-remove
(参见https://github.com/angular/material/issues/3580#issuecomment-347052946)
关于javascript - MD-chips 电子邮件验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52892399/