如何使用AngularJS中的控制器验证形式

Question

我想知道如何使用控制器验证AngularJ中的形式？

en$scope.saveDetail = function () {
    if ($scope.register.Name == "") {
        alert("Pls fill register Name");
        return false;
    }
    if ($scope.register.Address == "") {
        alert("Pls fill Address");
        return false;
    }
    if ($scope.register.Email == "") {
        alert("Pls fill Email");
        return false;
    }
    if ($scope.register.Password == "") {
        alert("Pls fill Password");
        return false;
    }
    if ($scope.register.Number == "") {
        alert("Pls fill 10 digit Number");
        return false;
    }
    $localStorage.myRegisterDetail = $scope.register;
    alert("Your records save successfully");
    $state.go("app.login");
};

现在，我想添加代码以设置密码的最小值和最大长度。我该怎么做？

Answer 1

如果要使用基本功能自定义验证，我建议您在Angular函数中使用JQuery/JavaScript。

注意： - 这是Angular1的示例。我还没有阅读太多有关Angular2的信息，因此答案可能会有所不同。

样本解决方案： -

en$scope.saveDetail = function () {
    var validationError = false;
    if ($scope.register.Name == "") {
        alert("Pls fill register Name");
        validationError = true;
    }
    if(!validationError) {
        if ($scope.register.Address == "") {
            alert("Pls fill Address");
            validationError = true;
        }
    }
    if(!validationError) {
        if ($scope.register.Email == "") {
            alert("Pls fill Email");
            validationError = true;
        }
    }
    if(!validationError) {
        if ($scope.register.Password == "") {
            alert("Pls fill Password");
            validationError = true;
        }
    }  
    if(!validationError) {
        if ($scope.register.Number == "") {
            alert("Pls fill 10 digit Number");
            validationError = true;
        }
    }    
    if(!validationError) {
        $localStorage.myRegisterDetail = $scope.register;
        alert("Your records save successfully");
        $state.go("app.login");
    }
};