登陸

button的形式：<input type="button" id="login" class="btn btn-main" value="登陸">

<link rel="stylesheet" href="/css/plugins/toastr/toastr.min.css">
<script src="/js/jquery.min.js"></script>
<script src="/js/plugins/toastr/toastr.min.js"></script>

$(function(){
    $("#login").click(function(){
        if($.trim($("#username").val()) != "" && $.trim($("#password").val()) != ""){
            login();
        }else{
            if ($.trim($("#username").val()) == ""){ 
                toastr.error("請輸入用戶名！");
                $("#username").focus();
            }else if ($.trim($("#password").val()) == ""){ 
                toastr.error("請輸入密碼！");
                $("#password").focus();
            }
        }
    })
    keypresslogin();
})

//enter回車鍵登陸
function keypresslogin(){
    $('#password').bind('keypress', function(event) {
        if (event.keyCode == "13")
        {
            login();
        }
    });
}
function login(){
    $.ajax({
        type: "POST",
        url: "/login",
        data: {
            username:$("#username").val(),
            password:$("#password").val()
        },
        success: function (r) {
            if (r.code == 0) {
                toastr.success("登陸成功！");
                window.location.href='/main';
            } else {
                toastr.error(r.msg);
            }
        },
    });
}
submit的形式：<input type="submit" class="btn btn-main" value="登陸">
<link rel="stylesheet" href="/css/plugins/toastr/toastr.min.css">
<script src="/js/jquery.min.js"></script>
<script src="/js/plugins/toastr/toastr.min.js"></script>
<script src="/js/plugins/validate/jquery.validate.min.js"></script>

<script>
        $(function(){
            function validateRule() {
                  $("#login").validate({
                      submitHandler : function() {
                          login();
                    }
                  }); 
            }
            validateRule();
            
            //enter回車鍵登陸
            function keypresslogin(){
                $('#password').bind('keypress', function(event) {
                    if (event.keyCode == "13"){
                        validateRule();
                    }
                });
            }
        })
        
        function login(){
            var username=$.trim($("#username").val());
            var password=$.trim($("#password").val());
            if (username == ""){ 
                toastr.error("請輸入用戶名！");
                $("#username").focus();
            }else if (password == ""){ 
                toastr.error("請輸入密碼！");
                $("#password").focus();
            }else{
                var loginInfo = $('#login').serialize();
                $.ajax({
                    cache : true,
                    type : "POST",
                    url : "/login",
                    data : loginInfo, 
                    async : true,
                    error : function(request) {
                        toastr.error("Connection error");
                    },
                    success : function(r) {
                        if (r.code == 0) {
                            toastr.success("登陸成功！");
                            window.location.href='/main';
                        } else {
                            toastr.error(r.msg);
                        }
                    }
                });
            }
        }
</script>