로그인 페이지 검증 처리

거의 모든 시스템에 로그인 인터페이스가 있는데 사용자의 로그인 관건은 쿠키의 처리, 클라이언트 검증, 서버 검증이다.물론 이 중에는 인증 코드의 처리, 페이지의 미리 불러오기 등 처리도 있다. 여기는 설명에 중심을 두지 않는다. 현재 주로 클라이언트와 서버의 검증을 말한다. 쓸데없는 말은 하지 않고 코드를 직접 올린다.클라이언트 검증 --- 입력 상자가 비어 있는지 정규 판단인지를 주로 판단합니다(여기에 정규가 없습니다).

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 : " ",
                                bg : '#FF5080',
                                time : 15
                            });
                            $("#loginname").focus();
                        }
                    }
                });
            }
        }