您的位置:首页 > Web前端 > AngularJS

angular在线验证用户名是否唯一 指令

2015-09-06 16:48 555 查看
<input name="username" type="text" class="form-control" id="username" placeholder="用户名" ensure-unique="username" required ng-model="info.username">

.directive('ensureUnique', function($http) {
return {
require: 'ngModel',
link: function(scope, ele, attrs, c) {
scope.$watch(attrs.ngModel, function(n) {
console.info(n);
if (!n) return;
$http({
method: 'POST',
url: '/api/check/' + attrs.ensureUnique,
data: {
field: attrs.ensureUnique,
value: scope.ngModel
}
}).success(function(data) {
c.$setValidity('unique', data.isUnique);
}).error(function(data) {
c.$setValidity('unique', false);
});
});
}
};
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angular 校验唯一