Bootstrap 验证操作 AngularJS

Question

我有一个供新用户输入用户 ID 的输入框。我想动态检查用户标识是否已被模糊处理。我正在使用 bootstrap 验证进行表单验证，但我很难弄清楚如何让它做我想做的事。在验证中，我当前有此用户 ID 代码：

userid: {
    container: '#useridMessage',
    validators: {
        notEmpty: {
            message: '*Required'
        },
        stringLength: {
            min:3,
            message: 'Username must be at least 3 characters long'
        }
    }
},

我想在那里做的是调用一个函数来执行模糊操作：

$scope.userCheck = function () {
    userAPIService.getUserDetails($scope.user.username).success( function ( data ) {
        if(data.Status == 0){
            //make box red and invalid
        }
    }).error( function ( error ) {
        $scope.status = "Error is checking Username availability";
    })

}

我的后端函数是 getUserDetails，它是一个 GET 函数。如代码所示，我正计划检查我们系统中的用户 ID 是否为有效用户 ID (data.status == 0)，并在它已被使用后通知用户。我的愿望是保持良好的编码习惯，而不是通过我的 bootstrap 验证（这对其他一切都很好）并使两者一起工作，但由于 bootstrap 验证是一种黑盒子，我我不确定该怎么做。

问题：我怎样才能得到验证来检查一些布尔变量，或者我怎样才能得到验证来进行后端调用，然后像我想要的那样分析结果？

想法： 理想情况下，我希望能够调用将设置一些布尔值的 onblur 函数，然后验证将只查看验证，但我愿意接受任何想法来实现这一点。谢谢

Answer 1

我想知道创建自定义验证指令是否是一个好方法。 Angular JS Forms 文档的 How to add custom validation to an angular js form, also in the Custom Validation 部分有一个很好的概述。希望这有帮助。

Bootstrap 验证操作 AngularJS

Bootstrap Validation Manipulation AngularJS

validation

get

onblur

twitter-bootstrap

angularjs