幾乎所有的系統(tǒng)都有登陸界面，而用戶的登陸關鍵的三步驟無外乎：cookie的處理，客戶端驗證，服務器驗證。當然這其中還有驗證碼的處理，頁面預加載等等處理，這里就不著重描述了，現(xiàn)在主要說的是客戶端與服務器的驗證，不廢話了，直接上代碼。
客戶端驗證---主要判斷輸入框是否為空和正則判斷（這里沒有正則）

function check() {
            if ($("#loginname").val() == "") {
          
                $("#loginname").tips({
                    side : 2,
                    msg : '用戶名不得為空',
                    bg : '#AE81FF',
                    time : 3
                });

                $("#loginname").focus();
                return false;
            } else {
                $("#loginname").val(jQuery.trim($('#loginname').val()));
            }

            if ($("#password").val() == "") {

                $("#password").tips({
                    side : 2,
                    msg : '密碼不得為空',
                    bg : '#AE81FF',
                    time : 3
                });

                $("#password").focus();
                return false;
            }
            if ($("#code").val() == "") {

                $("#code").tips({
                    side : 1,
                    msg : '驗證碼不得為空',
                    bg : '#AE81FF',
                    time : 3
                });

                $("#code").focus();
                return false;
            }

            $("#loginbox").tips({
                side : 1,
                msg : '正在登錄 , 請稍后 ...',
                bg : '#68B500',
                time : 10
            });

            return true;
        }

服務器驗證

function severCheck(){
            if(check()){
                var loginname = $("#loginname").val();
                var password = $("#password").val();
                                var v_code=$("#code").val();
                var code =loginname+","+password+","+" v_code";
                $.ajax({
                    type: "POST",
                    url: 'login_login',
                    data: {KEYDATA:code,tm:new Date().getTime()},
                    dataType:'json',
                    cache: false,
                    success: function(data){
                        if("success" == data.result){
                            window.location.href="main/index.html";
                        }else if("usererror" == data.result){
                            $("#loginname").tips({
                                side : 1,
                                msg : "用戶名或密碼有誤",
                                bg : '#FF5080',
                                time : 15
                            });
                            $("#loginname").focus();
                        }else if("codeerror" == data.result){
                            $("#code").tips({
                                side : 1,
                                msg : "驗證碼輸入有誤",
                                bg : '#FF5080',
                                time : 15
                            });
                            $("#code").focus();
                        }else if("repeatlogin" == data.result){
                            $("#code").tips({
                                side : 1,
                                msg : "不允許在同一瀏覽器重復登陸其賬號",
                                bg : '#FF5080',
                                time : 15
                            });
                            $("#loginname").focus();
                        }else{
                            $("#loginname").tips({
                                side : 1,
                                msg : "缺少參數(shù)",
                                bg : '#FF5080',
                                time : 15
                            });
                            $("#loginname").focus();
                        }
                    }
                });
            }
        }