angularjs 1.x 项目完整的较完整的登录验证具体代码（仅供参考）

.html,body{
    margin: 0;
    padding: 0;
    border:1px solid #363E3F;
}
.center{
    margin: 0 auto;
}
.login{
     300px;
    height: 321px;
    background-color: #D5D5D5;
    margin: 135px auto;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    border:1px solid #363E3F;
}
.login .login-title{
     282px;   
    height: 31px;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 31px;
    text-align: center;
}
.login .login-title span{
    font-size: 20px;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight:bold;
}
.login .form-horizontal .enterfullTip{
     275px;
    position: absolute;
    top: 65px;
    left: 20px;
    color: #f00;
}
.login .form-horizontal .emptyTip{
     275px;
    color: #f00;
    text-align: center;
    position: absolute;
    top: 65px;
    left: 10px;
}
.username input, .password input{
    margin: 0 auto;
     265px;
    height: 30px;
    padding-left:8px;
}
.username{
     275px;
    height: 35px;
    margin: 0 auto;
    margin-top: 40px;
}
.password{
     275px;
    height: 35px;
    margin: 0 auto;
    margin-top: 20px;
}
.username .help-block,.password .help-block{
    margin-left:7px;
    /*margin-bottom:10px;*/
}
.btn{
    float: right;
    margin:25px 20px 0px 0px;
    background-color: #fff;
    border:1px solid #000;
    color: #000;
    height: 34px;
}
/*this is the tip when the user entered incorrect username or password */

.login .form-horizontal .tip{
     275px;
    height: 35px;
    position: absolute;
    top: 53px;
    left: 16px;
    font-size:12px;
    color: #f00;
    margin: 0 auto;
}
.login .form-horizontal .tip i{
    display: inline-block;
}
.login .form-horizontal .tip span{
    display: inline-block;
}
/*forget the password*/

.login .forget-password{
     145px;
    height: 35px;
    margin:28px 0px 0px 19px;
    line-height:35px;
}
.login .forget-password:hover{
    color: #f00;
}
/*自定义状态类名*/
.show{
    display: block;
}
.hide{
    display: none;
}

js代码

'use strict';
angular.module("iMeet", [])
    .controller("loginCtrl", ['$scope', '$rootScope', '$compile', '$state', 'commonService', '$ocLazyLoad', function ($scope, $rootScope, $compile, $state, commonService) {
        $scope.usernameText = "";
        $scope.passwordText = "";
        $scope.hasFocus = true;
        $scope.isDisabled = false;
        $scope.isFull = false;
        //页面跳转后,将焦点定位到username 标签上
        angular.element("#username").focus();
        $scope.loginFn = function () {
            if ($scope.usernameText == "" || $scope.usernameText == "undefined") {
                //当用户名为空或undefined时,点击登录按钮,将焦点移到username输入框
                angular.element("#username").focus();
                return;
            } else if ($scope.passwordText == "" || $scope.passwordText == "undefined") {
                //当用户名输入信息后,点击按钮将焦点移到password输入框
                angular.element("#password").focus();
                return;
            } else {
                var usernameLength = angular.element('#username').val().length;
                var passwordLength = angular.element('#password').val().length;
                //console.log(usernameLength);
                //console.log(passwordLength);
                if ((usernameLength < 6 || usernameLength > 40) || (passwordLength < 8 || passwordLength > 50)) {
                    //当用户名和密码都输入信息但是只要有一个不满足格式就提示用户输入正确格式的信息
                    $scope.isFull = true;
                } else {
                    $scope.isFull = false;
                    commonService.getSyncData('/data/test.json', {
                        'username': $scope.username,
                        'password': $scope.password
                    }).then(function callSuccess(res) {
                        console.log(res);
                        //if (res.code == "200") {
                        //    angular.element(".login .form-horizontal .tip").removeClass('show').addClass('hide');
                        //    var resString = JSON.stringify(res);
                        //    sessionStorage.setItem("userInfo", resString);
                        //    $state.go('home', {});
                        //} else {
                        //    console.log("rrrrr");
                        //    angular.element(".login .form-horizontal .tip").removeClass('hide').addClass('show');
                        //    $scope.usernameText = "";
                        //    $scope.passwordText = "";
                        //}
                        if ($scope.usernameText == "supportcenter" && $scope.passwordText == "password") {
                            angular.element(".login .form-horizontal .tip").removeClass('show').addClass('hide');
                            var resString = JSON.stringify(res);
                            sessionStorage.setItem("userInfo", resString);
                            $state.go('home');
                        } else {
                            console.log("rrrrr");
                            angular.element(".login .form-horizontal .tip").removeClass('hide').addClass('show');
                            $scope.usernameText = "";
                            $scope.passwordText = "";
                        }
                    }, function callFail(err) {
                        console.log("loading json failed");
                    });
                }
            }
        };
        $scope.forgotPwdFn = function () {
            $state.go('forgetPassword');
        }
    }]);

json文件代码

{
  "status": "success",
  "code": "200",
  "userinfo": {
    "userid": "1123123",
    "name": "sdasd",
    "ismanage":"0",
    "usertype": "1",
    "systeminfo": [
      {
        "systemname": "",
        "systemcode": ""
      }
    ]
  }
}