angularjs 验证用户名是否重复

　　对于一个需要验证唯一性的字段

　　html 代码：

<form class="form-horizontal" novalidate ng-submit="addSendDepartments()" role="form" name="addForm"><input type="text" ng-model="name" ensure-unique="name" required name="name"/><span class="error" ng-show="addForm.name.$error.unique">部门名称已存在</span><span class="error" ng-show="addForm.name.$error.required && addForm.name.$dirty">部门名不能为空</span><div class="mar-t-20"><button type="submit" class="btn btn-default btn-enter" ng-disabled="addForm.$invalid">提交</button><button type="button" class="btn btn-default btn-close" ng-click="addModule.close()">取消</button></div></form>

　　js 代码：在后台返回的数据为 true 或者 false 时

.directive('ensureUnique', function ($http, optionUrl) {return {require: 'ngModel',link: function (scope, elem, attrs, ctrl) {scope.$watch(attrs.ngModel, function (value) {console.log(value);if (!value) return;$http({method: 'POST',url: optionUrl.checkName,params: {name: value}}).success(function (data) {ctrl.$setValidity('unique', data);console.log(data);/*return false;*/}).error(function (data) {ctrl.$setValidity('unique', false);})})}}})

转载于:https://www.cnblogs.com/debra/p/6673424.html

angularjs 验证用户名是否重复相关推荐

asp判断ajax请求 -asp.net,一个asp注册验证用户名是否重复的Ajax实例
一个asp注册验证用户名是否重复的Ajax实例 1.需要用到的初始化xmlhttp实例和发送请求的javascript函数: 以下为引用的内容: // JavaScript Document func ...
html验证用户名已存在,验证用户名是否在数据库中已存在（）
验证用户名是否在数据库中已存在(求助) 本帖最后由 cross2010_0 于 2013-12-26 21:21:00 编辑表单提交的页面index.asp 测试-验证用户名是否重复 functio ...
用jquery验证用户名是否有效或重复
最近在做毕业设计的时候,新增管理员用到jquery的ajax验证用户名是否存在,本人初次使用jquery的ajax,发了挺长时间的去网上找相关东西,现在和大家共享我的做法,多多指教. 实现的效果如下图 ...
php密码重复,AngularJs验证重复密码的方法(两种)
本文给大家分享angularjs验证重复密码的两种方法.具体方法详情如下所示: 第一种:密码重复密码两次密码不一致 /*JS*/ app.controller("main",f ...
验证键盘录入的用户名跟user.txt中已注册的用户名是否重复：是：控制台提示：用户名已存在否：将键盘录入的用户名及密码写入user.txt文件，并在控制台提示：注册成功；
1.项目根目录下建立文件:user.txt,文件中存放用户名和登录密码, 格式:用户名,密码如:aaa,123 2.user.txt文件中初始存放的用户信息有如下: zhangsan,123456 ...
html怎么校验用户名重复,layui的表单验证支持ajax判断用户名是否重复的实例
如下所示: 在一个表单中,在提交前我们想判断该用户名是否存在,在layui中不支持.onblur()失去焦点事件,用按钮来手动触发,表单又不太美观,可以使用form表单的verify来进行验证. ht ...
asp.net 用户注册怎么判断用户名是否重复 ajax,AJAX_asp.net结合Ajax验证用户名是否存在的代码，1，使用JavaScript js文件，验证 - phpStudy...
asp.net结合Ajax验证用户名是否存在的代码 1, 使用JavaScript js文件,验证用户名是否存在复制代码代码如下: var ajax = function(option) { va ...
mysql 验证用户名重复,Ajax案例——检验用户名是否重复
一.环境搭建 1.导包这个案例中使用的jar包有三个,需要导入到WEB-INF目录下的lib文件夹中. 导包 2.导入工具库本案例使用的工具类是之前用过的JDBCUtils. import jav ...
java用户名重复验证代码_java如何让注册的用户名不重复，在当前页面就可以判断，并抛出提示？...
一个最简单的实现. 已注册用户名 levey 和 swnuv Code: index.html Check UserName 用户名* 这里就是ajax了 check.js $(document).r ...

angularjs 验证用户名是否重复

angularjs 验证用户名是否重复相关推荐

最新文章

热门文章