Ng minlength无法使用自定义验证

Ng-minlength not working with custom validation

本文关键字：自定义 验证 minlength Ng      更新时间：2023-09-26

我正在使用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;
            }
        }
    });
相关文章：