var $id = false;
var $pass = false;
var $passConfirm = false;
var $name = false;
var $birth = false;
var $gender = false;
var $city = false;
var $phone = false;
var $email = false;
$(document).ready(function()
{
idCheck();
passCheck();
passConfirm();
nameCheck();
birthCheck();
emailCheck();
});
// 휴대폰 번호 필드 1, 2번 칸에서 지정된 숫자만큼 입력하면 다음 칸으로 커서 넘기는 함수
function tabCursor(section)
{
var ph = 0;
switch (section)
{
case 1:
ph = $("#phone1").val();
if (3 === ph.length)
$("#phone2").focus();
break;
case 2:
ph = $("#phone2").val();
if (4 === ph.length)
$("#phone3").focus();
break;
}
}
function idCheck()
{
$('#id').blur(function()
{
$.ajax({
type: 'POST',
async: false,
url: './idCheck.me',
data: {
'id': $('#id').val()
},
dataType: 'text',
success: function(data) {
if (data === 'true')
{
var userId = $('#id').val();
if (5 > userId.length || 10 < userId.length)
{
$id = false;
$('#idMsg').text('5자리 이상 10자리 이하로 입력해 주세요.');
$('#idMsg').css('color', 'red');
}
else
{
$id = true;
$('#idMsg').text('사용할 수 있는 아이디입니다.');
$('#idMsg').css('color', 'green');
}
}
else
{
$id = false;
$('#idMsg').text('이미 존재하는 아이디입니다.');
$('#idMsg').css('color', 'red');
}
},
error: function(data) {
console.log('error');
}
});
});
}
// 비밀번호 유효성 검사하는 함수
function passCheck()
{
$('#pass').blur(function()
{
var pass = $('#pass').val();
var num = pass.search(/[0-9]/g);
var eng = pass.search(/[a-z]/ig);
var spe = pass.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
if (8 > pass.length || 20 < pass.length)
{
$pass = false;
$('#passMsg').text('8자 ~ 20자 이내로 입력해 주세요.');
$('#passMsg').css('color', 'red');
}
else if (pass.search(/\s/) != -1)
{
$pass = false;
$('#passMsg').text('공백 없이 입력해 주세요.');
$('#passMsg').css('color', 'red');
}
else if (num < 0 || eng < 0 || spe < 0)
{
$pass = false;
$('#passMsg').text('영문, 숫자, 특수문자를 포함해서 입력해 주세요.');
$('#passMsg').css('color', 'red');
}
else
{
$pass = true;
$('#passMsg').text('사용 가능한 비밀번호 입니다!');
$('#passMsg').css('color', 'green');
}
});
}
// 재입력한 비밀번호가 맞는지 확인하는 함수
function passConfirm()
{
$('#confirm').blur(function()
{
var pass = $('#confirm').val();
if (0 >= pass.length)
{
$passConfirm = false;
$('#confirmMsg').text('비밀번호를 한 번 더 입력해 주세요.');
$('#confirmMsg').css('color', 'red');
}
else if ($('#pass').val() !== pass)
{
$passConfirm = false;
$('#confirmMsg').text('비밀번호가 일치하지 않습니다.');
$('#confirmMsg').css('color', 'red');
}
else
{
$passConfirm = true;
$('#confirmMsg').text('비밀번호가 일치합니다!');
$('#confirmMsg').css('color', 'green');
}
});
}
// 이름 입력 여부 확인하는 함수
function nameCheck()
{
$('.name').blur(function()
{
var name = $('.name').val();
if ("" === name)
{
$name = false;
$('#nameMsg').text('이름을 입력해 주세요.');
$('#nameMsg').css('color', 'red');
}
else
{
$name = true;
$('#nameMsg').text('');
}
});
}
// 생년월일 유효성 검사하는 함수
function birthCheck()
{
// input 태그에서 date type으로 입력받아서 태그단에서 미리 유효한 날짜만 선택할 수 있게 하지만 첫 프로젝트라 연습 삼아 구현했다.
$('.birth').blur(function()
{
var birth = $('.birth').val();
var birthArr = birth.split('-');
var year = birthArr[0];
var month = birthArr[1];
var day = birthArr[2];
var today = new Date();
var curYear = today.getFullYear();
if (10 >= birth.length)
{
if (1900 > year || curYear < year)
$birth = false;
else if (1 > month || 12 < month)
$birth = false;
else if (1 > day || 31 < day)
$birth = false;
else if (31 == day && (4 == month || 6 == month || 9 == month || 11 == month))
$birth = false;
else if (2 == month)
{
// 2월엔 윤년 여부 검사
var leapYear = (0 == year % 4 && (0 != year % 100 || 0 == year % 400));
if (29 < day || (29 == day && !leapYear))
$birth = false;
else
$birth = true;
}
else
$birth = true;
}
else
$birth = false;
});
}
// 성별 선택 여부 확인하는 함수
function genderCheck()
{
if ($('input[name=gender]').is(":checked"))
{
$gender = true;
$('#genderMsg').text('');
}
else
{
$gender = false;
$('#genderMsg').text('성별을 선택하세요!');
$('#genderMsg').css('color', 'red');
}
}
// 도시 선택 여부 확인하는 함수
function cityCheck()
{
if ('0' == $('[name=city] > option:selected').val())
{
$city = false;
$('#cityMsg').text("거주 중인 도시를 선택하세요!");
$("#cityMsg").css("color", "red");
}
else
{
$city = true;
$('#cityMsg').text('');
}
}
// 휴대폰 번호 유효성 검사하는 함수
function phoneCheck()
{
var first = $("#phone1").val();
var second = $("#phone2").val();
var third = $("#phone3").val();
if ("010" == first && 4 == second.length && 4 == third.length)
{
$phone = true;
$("#phoneMsg").text("");
}
else
{
$phone = false;
$("#phoneMsg").text("휴대폰 번호 형식이 올바르지 않습니다!");
$("#phoneMsg").css("color", "red");
}
}
// 이메일 유효성 검사하는 함수
function emailCheck()
{
$("#email").blur(function()
{
var email = $("#email").val();
var regEmail = /^([0-9a-zA-Z_\.-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/;
if (regEmail.test(email))
{
$email = true;
$("#emailMsg").text("");
}
else
{
$email = false;
$("#emailMsg").text("이메일 형식이 올바르지 않습니다!");
$("#emailMsg").css("color", "red");
}
});
}
// 마지막 제출 전에 유효성 검사하는 함수
function finalCheck()
{
var join = document.join;
if (!$id)
{
join.id.focus();
return false;
}
if (!$pass)
{
join.pass.focus();
return false;
}
if (!$passConfirm)
{
join.confirm.focus();
return false;
}
if (!$name)
{
join.name.focus();
return false;
}
if (!$birth)
{
join.birth.focus();
return false;
}
genderCheck();
if (!$gender)
return false;
cityCheck();
if (!$city)
return false;
phoneCheck();
if (!$phone)
{
join.phone1.focus();
return false;
}
if (!$email)
{
join.email.focus();
return false;
}
}
