我正在使用angularJS,我正在尝试创建一个表单,让用户键入他的用户名,并验证应用程序是否在数据库中可用,并且他的长度在5/10个字符之间。
<input type="text" name="uname" ng-model="user.uname"
ng-minlength="5" ng-maxlength="10" uniqueusername required/>
Uniqueusername是一个检查用户名是否可用的指令:
app.directive('uniqueusername', function($http){
return{
require : 'ngModel',
restrict : 'A',
link : function(scope,elem,attrs,ctrl){
ctrl.$parsers.unshift(function(value) {
$http.get('/api/check'+value).success(function(data,status){
if(data.available=='true'){
ctrl.$setValidity('unique',true);
}
else{
ctrl.$setValidity('unique',false);
.........................................................................
当我键入一个少于5个字符的用户名时,它是有效的。这不应该发生。如果我删除uniqueusername作为输入,它可以完美地工作。
谢谢你的回答。
您必须从解析器函数返回一个值:
app.directive('uniqueusername', function($http){
return{
require : 'ngModel',
restrict : 'A',
link : function(scope,elem,attrs,ctrl){
ctrl.$parsers.unshift(function(value) {
$http.get('/api/check'+value).success(function(data,status){
if(data.available=='true'){
ctrl.$setValidity('unique',true);
}
else{
ctrl.$setValidity('unique',false);
}
}
return value;
}
}
});