본문 바로가기

Web/Javascript

로그인 유효성 검사

function login() {
    $("#frmMemberLogin").submit(); 
}

var frmMemberLoginValidator = null;
var frmMemberLoginSubmitted = false;

$(function() {
    $('#inputLoginUserID').keypress(function(e) {
        if(e.which == 13) {
            if ($('#inputLoginPasswd').val() == null) { $('#inputLoginPasswd').focus(); }
            else { $("#frmMemberLogin").submit(); }
        }
    });
    $('#inputLoginPasswd').keypress(function(e) {
        if(e.which == 13) {
            if ($('#inputLoginUserID').val() == null) { $('#inputLoginUserID').focus(); }
            else { $("#frmMemberLogin").submit(); }
        }
    });

    frmMemberLoginValidator = $("#frmMemberLogin").validate({
        rules : {
            inputLoginUserID : { required : true },
            inputLoginPasswd : { required : true }
        },
        messages : {
            inputLoginUserID : { required : "아이디를 입력해주세요" },
            inputLoginPasswd : { required : "비밀번호를 입력해주세요" }
        },
        submitHandler : function(form) {
            var option = {
                type : "post",
                url : "/login/submit",
                success : function(responseText) {
                    if(responseText == 'Success') {
                        location.href="/main";
                    }
                    else {
                        alert('로그인 실패!');
                    }
                },
                error : function(responseText) {
                    alert('로그인 오류!');
                }
            };
            $(form).ajaxSubmit(option);
            
            return false;
        },  
        invalidHandler : function(form, validator) {
            frmMemberLoginSubmitted = true;
        }
    });
});


'Web > Javascript' 카테고리의 다른 글

회원가입 유효성 검사  (0) 2014.12.24