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.element方法汇总
- Angular用来控制元素的展示与否的原生指令介绍
- 使用angular写一个hello world
- vue,angular,avalon这三种MVVM框架优缺点
- 使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
- Angular中的Promise对象($q介绍)
- angular简介和其特点介绍
- angular中使用路由和$location切换视图
- 浅谈AngularJS--基础
- 再度迁移博客
- 7月国外最新技术文章翻译汇总(IT技术)
- 整合jQuery Mobile+AngularJs 经验谈
- Angular apply使用的场景
- angular 过滤器记录
- angular 表单验证
- 理解Angular中的$apply()以及$digest()
- 学习Angular开发(1)----Yeoman 安装遇到的问题
- Angularjs --- 关于$resource的使用
- 用AngularJS写2048游戏(二)
- angularjs(step by step):了解angularjs