[英]AngularJS: blur event not firing in directive for form validation
使用Angular,我正在编写一个注册表单,其中还包含用户名的输入字段。 我写了一个指令,用于在字段模糊时检查服务器端的“唯一性”用户名。
这是我的Angular代码:
App.directive('usernameCheck', ['$http', function ($http) {
return {
require: 'ngModel',
link: function (scope, elem, attrs, ctrl) {
elem.on('blur', function (evt) {
scope.$apply(function () {
$http({
method: 'POST',
url: '/usernameCheck/', <-- NEVER ACCESSED!?
data: {'username' : $scope.userName}
}).success(function(data, status, headers, config) {
ctrl.$setValidity('unique', data.status);
});
});
});
}
}
}]);
和HTML表单输入元素:
<input type="text" class="form-control" ng-model="userName" name="userName" username-check required>
由于一些奇怪的原因,该指令似乎不起作用。 没有出现JS错误,但模糊元素没有触发 - 根据Firebug,从不调用服务器路径“/ usernameCheck”。 我错过了什么?
尝试使用ng-blur
方法(简单的通用示例):
app.directive('directiveName', function () {
return {
restrict: 'E',
scope: {
ngBlur: '&'
},
link:function(scope){
scope.onBlur = function(ev){
console.log(ev);
}
},
template: '<input ng-blur="onBlur($event)"></input>'
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.