如何使用angularjs中的控制器验证表单

Question

我想知道如何使用控制器在 angularjs 中验证表单？

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

如果您想使用基本功能使用自定义验证，我建议您在角度函数中使用 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");
    }
};