Web/Javascript

회원가입 유효성 검사

moonwoou 2014. 12. 24. 14:04

체크중에 remote의 url은 true와 false로 리턴 되도록


function join() {
    $("#frmMemberJoin").submit();
}
function reset() {
    $("#frmMemberJoin").reset();
}

var frmMemberJoinValidator = null;
var frmMemberJoinSubmitted = false;

$(function() {
    $('#memId').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memPassword').val() == null) { $('#memPassword').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memPassword').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memPasswordChk').val() == null) { $('#memPasswordChk').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memPasswordChk').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memName').val() == null) { $('#memName').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memName').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memNickname').val() == null) { $('#memNickname').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memNickname').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memPhone').val() == null) { $('#memPhone').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memPhone').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memEmail').val() == null) { $('#memEmail').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memEmail').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memNation').val() == null) { $('#memNation').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memNation').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memRegion').val() == null) { $('#memRegion').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memRegion').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memBirthday').val() == null) { $('#memBirthday').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });
    $('#memBirthday').keypress(function(e) {
        if(e.which == 13) {
            if ($('#memId').val() == null) { $('#memId').focus(); }
            else { $("#frmMemberJoin").submit(); }
        }
    });

    frmMemberJoinValidator = $("#frmMemberJoin").validate({
        rules : {
            memId: { required: true, remote: "/join/check/id" },
            memPassword: { required: true },
            memPasswordChk: { required: true, equalTo: "#memPassword"},
            memName: { required: true },
            memNickname: { required: true, remote: "/join/check/nickname" },
            memPhone: { required: true, number: true, minlength: 10, remote: "/join/check/phone" },
            memEmail: { required: true, email: true, remote: "/join/check/email" },
            memNation: { required: true },
            memRegion: { required: true },
            memBirthday: { required: true, number: true }
        },
        messages: {
            memId: { required: "아이디를 입력해주세요", remote: "이미 존재하는 아이디입니다" },
            memPassword: { required: "비밀번호를 입력해주세요" },
            memPasswordChk: { required: "비밀번호를 입력해주세요", equalTo: "입력하신 것과 같지 않습니다" },
            memName: { required: "실명을 입력해주세요" },
            memNickname: { required: "대화명을 입력해주세요", remote: "이미 존재하는 대화명입니다" },
            memPhone: { required: "휴대전화번호를 입력해주세요", number: "숫자만 입력해주세요", minlength: "휴대전화번호가 정확한지 확인하세요", remote: "이미 존재하는 휴대전화번호입니다" },
            memEmail: { required: "이메일을 입력해주세요", email: "이메일이 아닙니다", remote: "이미 존재하는 이메일입니다" },
            memNation: { required: "국가코드를 선택해주세요" },
            memRegion: { required: "지역코드를 선택해주세요" },
            memBirthday: { required: "생년월일을 입력해주세요", number: "숫자만 입력해주세요" }
        },
        submitHandler : function(form) {
            var option = {
                type : "post",
                url : "/join/register",
                success : function(responseText) {
                    if(responseText == 'Success') {
                        alert('회원 가입 성공');
                        location.href="/";
                    }
                    else {
                        alert('회원 가입 실패');
                    }
                },
                error : function(responseText) {
                    alert('회원 가입 오류');
                }
            };
            $(form).ajaxSubmit(option);
            
            return false;
        },  
        invalidHandler : function(form, validator) {
            frmMemberJoinSubmitted = true;
        }
    });
});