FAQ
제목  사용자 추가페이지(고급)에서 회원가입과 추가 입력폼 작성
글쓴이  멀티솔루션 조회: 1,678
등록 시간: 2006-09-01 16:47:34
사용자 추가페이지(고급)에서 회원가입과 추가 입력폼 작성

<script language="javascript">
function foreign_chk(){
 if (document.user.foreign.checked) {
  document.user.ssn1.disabled = true;
  document.user.ssn2.disabled = true;
 } else {
  document.user.ssn1.disabled = false;
  document.user.ssn2.disabled = false;
 }
}
// 약관보기 부분 //
function yak_see()
{

   var buff1="member_003_01.php";
   var buff2="width=" + 670 + ",height=" + 500 + ",scrollbars=1,left=" + 0 + ",top=" + 0;
   window.open(buff1,"",buff2);
}
// 약관보기 부분 //
// 추가 입력사항 체크

//-------------------------------------------------------
//주민등록번호 체크
//-------------------------------------------------------

function no_check(no1,no2)
{

        if (no1.length != 6)
        {
           return -1;
         }

        else if (no2.length != 7)
        {
           return -1;

         }

        else {
           var str_serial1 = no1;
           var str_serial2 = no2;

           var digit=0
           for (var i=0;i<str_serial1.length;i++){
           var str_dig=str_serial1.substring(i,i+1);
           if (str_dig<'0' || str_dig>'9'){
           digit=digit+1
             }
        }

         if ((str_serial1 == '') || ( digit != 0 ))
         {

            return -1;
          }

         var digit1=0
            for (var i=0;i<str_serial2.length;i++){
                var str_dig1=str_serial2.substring(i,i+1);
                 if (str_dig1<'0' || str_dig1>'9'){
                     digit1=digit1+1
                    }
         }

         if ((str_serial2 == '') || ( digit1 != 0 ))
         {

            return -1;
          }

         if (str_serial1.substring(2,3) > 1)
         {

            return -1;
          }

         if (str_serial1.substring(4,5) > 3)
         {

            return -1;
          }

         if (str_serial2.substring(0,1) > 4 || str_serial2.substring(0,1) == 0)
         {

            return -1;
          }

 

            var a1=str_serial1.substring(0,1)
            var a2=str_serial1.substring(1,2)
            var a3=str_serial1.substring(2,3)
            var a4=str_serial1.substring(3,4)
            var a5=str_serial1.substring(4,5)
            var a6=str_serial1.substring(5,6)

            var check_digit=a1*2+a2*3+a3*4+a4*5+a5*6+a6*7

            var b1=str_serial2.substring(0,1)
            var b2=str_serial2.substring(1,2)
            var b3=str_serial2.substring(2,3)
            var b4=str_serial2.substring(3,4)
            var b5=str_serial2.substring(4,5)
            var b6=str_serial2.substring(5,6)
            var b7=str_serial2.substring(6,7)

            var check_digit=check_digit+b1*8+b2*9+b3*2+b4*3+b5*4+b6*5

            check_digit = check_digit%11
            check_digit = 11 - check_digit
            check_digit = check_digit%10

         if (check_digit != b7)
         {
            return -1;
         }
         else
         {

                        return 1;

         }
 }

}


//-------------------------------------------------------
// 전화번호 검증
//-------------------------------------------------------
function IsKRPhoneNumber(strNumber)
{
    //숫자로만 구성되고 2 ~ 4개의 길이를 가져야 함.
    var regExpr = /^[0-9]{2,4}$/;

    if ( regExpr.test( strNumber ) )
        return true;
    else
        return false;
}

//////////////// 전화번호 숫자인지 체크 start ///////////////////////

function check_phone(phone)
{
 str = phone;
 str = str.toUpperCase();

    for(i=0; i<str.length; i++)
    {
  if (str.charAt(i) == " ")
  {
   continue;
   }
  else if ((str.charAt(i) < "0") || (str.charAt(i) > "9"))
  {
   return -1;
     }
 }
}
//////////////// 전화번호 숫자인지 체크 end ///////////////////////

function nextSsn(form)
{
    var str = form.ssn1.value.length;
    if(str == 6) form.ssn2.focus();
}

function setBirth(form) {
 var str = form.ssn1.value;
    form.birth_y.value = "19" + str.substring(0, 2);
    form.birth_m.value = str.substring(2, 4);
    form.birth_d.value = str.substring(4, 6);
}
// 추가 입력사항 체크

function checkId()
{
    str = document.user.id1.value;
 var id1 = str;
 
 if(( id_check(id1) == -1) || (id1 == "" ))
 {
  str = "\nID는 영문 또는 숫자로 시작하며 4-12자 이내의 영문과 숫자로 입력하여 주십시오."
  str = str + "\n또한 3개이상 연속된 숫자나 문자, 특수문자, 기호, 한글은 사용하실 수 없읍니다.!\n"
  alert(str)
  document.user.id1.focus()
  return false;
  }
 window.open ('./popup/checkID.html?id='+id1,'idcheck','width=300,height=220');
 return false;
} 

function id_check(id1){
 str = id1;
 var temp = str.replace(' ','');
 var MSG = '';

 if(( id1.length < 4 ) || ( id1.length > 12 ))
 {
  return -1;
 }

 str1 = str.toUpperCase();


 for(i=0; i<str1.length; i++){
  if (str1.charAt(i) == " "){
   return -1;
  }
  else if (((str1.charAt(i) < "A") || (str1.charAt(i) > "Z"))
       && ((str1.charAt(i) < "0") || (str1.charAt(i) > "9"))){

   return -1;
   }
 }


 str2 = str.toLowerCase();
 id1 = str2;
 return 1;
}

function password_check(password)

{
 str = password;

 var temp = str.replace(' ','');
 var MSG = '';
 var Flag = '0';

 if(( password.length < 4 ) || ( password.length > 12 ))
 {
  return -1;
 }

 str1 = str.toUpperCase();


 for(i=0; i<str1.length; i++)
 {
  if ((str1.charAt(i) < "0") || (str1.charAt(i) > "9"))
  {

   Flag = '1';
   }
  }

 if ( Flag == '1')
 {
  for(i=0; i<str1.length; i++)
  {
   if (str1.charAt(i) == " ")
   {
    continue;
    }

   else if (((str1.charAt(i) < "A") || (str1.charAt(i) > "Z"))
      && ((str1.charAt(i) < "0") || (str1.charAt(i) > "9")))
          {

    return 1;
    }

   }
 }

 else
 {
  return -1;
 }

 str2 = str.toLowerCase();
 id1 = str2;
 return 1;
}

function name_chk ()
{
     //FullName Check.
    document.user.name.value.trim;
    strFullName = document.user.name.value;

    for( var intinx = 0; intinx <= strFullName.length -1 ; intinx++ )
    {
        ch = escape(strFullName.substring(intinx,intinx+1));
        if ( ch.length < 6 || ch.substring(2,6) < "AC00" || ch.substring(2,6) > "D7AF" )
        {
            alert( "이름은 한글로만 입력이 가능하며, 띄어쓰기는 허용되지 않습니다." );
            document.user.name.focus();
            return false;
        }
    }

    if ( strFullName.length < 2 )
    {
        alert( "이름은 한글 2~5자리 사이어야 합니다." );
        document.user.name.focus();
        return false;
    }
}

//-------------------------------------------------------
// 이메일 및 이메일형태 ID검사
//-------------------------------------------------------
function CheckEmail(strEmail)
{
    /** 금지사항
     - @가 2개이상
     - .이 붙어서 나오는 경우
     -  @.나  .@이 존재하는 경우
     - 맨처음이.인 경우 **/
    var regDoNot = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/;
    /** 필수사항
     - @이전에 하나이상의 문자가 있어야 함
     - @가 하나있어야 함
     - Domain명에 .이 하나 이상 있어야 함
     - Domain명의 마지막 문자는 영문자 2~3개이어야 함 **/
    var regMust = /^[a-zA-Z0-9\-\.\_]+\@[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3})$/;

    if ( !regDoNot.test(strEmail) && regMust.test(strEmail) )
        return true;
    else
        return false;
}

function checkForm()
{
 
  str = document.user.id1.value;
 var id1 = str;

 str = document.user.passwd.value;
 var passwd = '';

 for(i=0; i<str.length; i++){
  if (str.charAt(i) == " ")
  {
  }
  else
  {
   passwd = passwd + str.charAt(i);
  }
 }

 str = document.user.repasswd.value;
 var repasswd = '';

 for(i=0; i<str.length; i++){
  if (str.charAt(i) == " ")
  {
  }
  else
  {
   repasswd = repasswd + str.charAt(i);
  }
 }

 if(document.user.agree[1].checked){
  str = "약관에 동의하셔야 가입가능합니다."
  alert(str)
  return false;
 }

 if(( id_check(id1) == -1) || (id1 == "" ))
 {
  str = "\nID는 영문 또는 숫자로 시작하며 4-12자 이내의 영문과 숫자로 입력하여 주십시오."
  str = str + "\n또한 3개이상 연속된 숫자나 문자, 특수문자, 기호, 한글은 사용하실 수 없읍니다.!\n"
  alert(str);
  document.user.id1.focus();
  return false;
  }

    else if( password_check(passwd) == -1)
 {
  str = "\n비밀번호는 4-12자 이내의 영문과 숫자로 입력하여 주십시오."
  str = str + "\n또한 3개이상 연속된 숫자나 문자 또는 비밀번호로 숫자만 사용하실 수 없읍니다.!\n"
  alert(str)
  document.user.passwd.focus()
  return false;
  }

 else if(id1 == passwd)
 {
  alert("ID와 비밀번호는 동일하게 사용하실 수 없읍니다.!!!")
  document.user.passwd.focus()
  return false;
  }

 else if(repasswd == "")
 {
  alert("비밀번호 확인을 입력 하세요.!!!")
  document.user.repasswd.focus()
  return false;
  }

 else if( passwd != repasswd )
 {
  alert("비밀번호와 비밀번호확인이 일치하지 않읍니다.!!!")
  document.user.passwd.focus()
  return false;
  }

 else if( name_chk() ==  false )
 {
  return false;
  }
 
 if(document.user.e_ssn.value == "e_ssn"){
  if(!document.user.foreign.checked){
  
   if( no_check(document.user.ssn1.value,document.user.ssn2.value) == -1)
   {
    alert("주민등록번호가 올바르지 않습니다.")
    document.user.ssn1.focus()
    return false;
   }
  
  }
 }
 
 if(document.user.e_address.value == "e_address"){
  if(!document.user.foreign.checked){
  
   if ( document.user.zip1.value == "" )
   {
    alert("우편번호를 입력하십시오.");
    document.user.zip1.focus();
    return false;
  
   }
  
    else if ( document.user.zip2.value == "" )
   {
    alert("우편번호를 입력하십시오.");
    document.user.zip2.focus();
    return false;
   }
  
   else if (document.user.addr2.value == ''){
    alert("상세주소를 입력해 주십시오.")
    document.user.addr2.focus();
    return false;
   }
  }
 }

 if(document.user.e_phone.value == "e_phone"){
    //전화번호
  var phone1 = document.user.phone1.value + document.user.phone2.value + document.user.phone3.value;
 
  if ( check_phone(phone1) == -1)
  {
   alert("전화번호를 정확하게 입력하십시오.!!!")
   document.user.phone1.focus()
   return false;
   }
  else if (document.user.phone1.value == "" || document.user.phone2.value == "" || document.user.phone3.value == "")
  {
   alert("전화번호를 정확하게 입력하십시오.!!!")
   document.user.phone1.focus()
   return false;
   }
  }

 if(document.user.e_hp.value == "e_hp"){
  //휴대폰
  var hp1 = document.user.hp1.options[document.user.hp1.options.selectedIndex].value + document.user.hp2.value + document.user.hp3.value;
 
  if ( check_phone(hp1) == -1)
  {
   alert("휴대폰번호를 정확하게 입력하십시오.!!!")
   document.user.hp2.focus()
   return false;
   }
  else if (document.user.hp2.value == "" || document.user.hp3.value == "")
  {
   alert("휴대폰번호를 정확하게 입력하십시오.!!!")
   document.user.hp2.focus()
   return false;
   }
  }
 
 if(document.user.e_email.value == "e_email"){
  if ( document.user.email.value == "" )
  {
   alert("연락가능한 E-MAIL를 입력하십시오.")
   document.user.email.focus()
   return false;
  }
 
 
  else if (CheckEmail(document.user.email.value) == false)
  {
   alert("올바른 E-MAIL을 입력하십시오.")
   document.user.email.focus()
   return false;
  }
 }
 
 if(document.user.e_homepage.value == "e_homepage"){
  if ( document.user.homepage.value == "")
  {
   alert("홈페이지URL을 입력하십시오.")
   document.user.homepage.focus()
   return false;
  }
 }
 
 if(document.user.e_birth.value == "e_birth"){
  if (document.user.birth_y.value == "" || document.user.birth_m.value == "" || document.user.birth_d.value == "") {
   alert ("생년월일을 입력해주십시요.");
   document.user.birth_y.focus();
   return false;
  }
 }
 
 if(document.user.e_marry.value == "e_marry"){
  if(document.user.married.value == "Y") {
   if (document.user.wedding_date1.value == "" || document.user.wedding_date2.value == "" || document.user.wedding_date3.value == "") {
    alert ("결혼기념일을 입력해주십시요.");
    document.user.wedding_date1.focus();
    return false;
   }
  }
 }
 
 if(document.user.e_recommand.value == "e_recommand"){
  if (document.user.recommand.value == "") {
   alert ("추천인을 입력해주십시요.");
   document.user.recommand.focus();
   return false;
  }
 }
 
 if(document.user.e_userfile.value == "e_userfile"){ 
  if (document.user.userfile.value == "") {
   alert ("등록할 사진을  선택해주십시요.");
   document.user.userfile.focus();
   return false;
  }
 }

 if(document.user.e_essen_chk1.value == "essen_chk1"){
  if (document.user.a_contents1.value == "") {
   alert ("추가입력사항을 확인해주십시요.");
   document.user.a_contents1.focus();
   return false;
  }
 }
 if(document.user.e_essen_chk2.value == "essen_chk2"){ 
  if (document.user.a_contents2.value == "") {
   alert ("추가입력사항을 확인해주십시요.");
   document.user.a_contents2.focus();

   return false;
  }
 }
 if(document.user.e_essen_chk3.value == "essen_chk3"){
  if (document.user.a_contents3.value == "") {
   alert ("추가입력사항을 확인해주십시요.");
   document.user.a_contents3.focus();
   return false;
  }
 }
 if(document.user.e_essen_chk4.value == "essen_chk4"){
  if (document.user.a_contents4.value == "") {
   alert ("추가입력사항을 확인해주십시요.");
   document.user.a_contents4.focus();
   return false;
  }
 }
 if(document.user.e_essen_chk5.value == "essen_chk5"){
  if (document.user.a_contents5.value == "") {
   alert ("추가입력사항을 확인해주십시요.");
   document.user.a_contents5.focus();
   return false;
  }
 }

 return true;
}

function cancel(){
 document.user.reset();
}
var svarr = Array(3);
svarr[0] = Array('XPEED광랜(100M)','XPEED프라임(10M)');
svarr[1] = Array('메가패스 라이트','메가패스 프리미엄','메가패스 스페셜','메가패스 Ntopia');
svarr[2] = Array('하나포스 Dream','하나포스 Pro','하나포스 Lite','하나포스 e-Vally','하나포스 Wing','하나포스 패밀리','하나포스 멀티라인','하나포스 프리 라이트','하나포스 스마트','하나포스 프리 프로','하나포스 프리 광랜','하나TV+하나포스+전화','하나TV+하나포스','하나TV','하나폰','하나포스 광랜','하나포스+전화(번호이동)','하나포스+전화(신규전화)');

function chservice(oIndex){
 for(var i=0;i<document.user['tplvalue[1]'].options.length;i++){
  document.user['tplvalue[1]'].options[i]=null;
 }
 for(var i=0;i<document.user['tplvalue[1]'].options.length;i++){
  document.user['tplvalue[1]'].options[i]=null;
 } 
 for(var i=0;i<svarr[oIndex].length;i++){
  document.user['tplvalue[1]'].options[i]=new Option(svarr[oIndex][i],svarr[oIndex][i]);
 }
}
//-->
</script>

<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <form name="user" method="post" action="member_ok.php" onSubmit="return checkForm(this.form);" enctype="multipart/form-data">
    <input type="hidden" name="e_ssn" value="{messenInfo.ssn_essen}">
    <input type="hidden" name="e_address" value="{messenInfo.address_essen}">
    <input type="hidden" name="e_phone" value="{messenInfo.phone_essen}">
    <input type="hidden" name="e_hp" value="{messenInfo.hp_essen}">
    <input type="hidden" name="e_email" value="{messenInfo.email_essen}">
    <input type="hidden" name="e_homepage" value="{messenInfo.homepage_essen}">
    <input type="hidden" name="e_birth" value="{messenInfo.birth_essen}">
    <input type="hidden" name="e_marry" value="{messenInfo.marry_essen}">
    <input type="hidden" name="e_recommand" value="{messenInfo.recommand_essen}">
    <input type="hidden" name="e_userfile" value="{messenInfo.userfile_essen}">
    <input type="hidden" name="e_essen_chk1" value="{aessenInfo.a_essen1}">
    <input type="hidden" name="e_essen_chk2" value="{aessenInfo.a_essen2}">
    <input type="hidden" name="e_essen_chk3" value="{aessenInfo.a_essen3}">
    <input type="hidden" name="e_essen_chk4" value="{aessenInfo.a_essen4}">
    <input type="hidden" name="e_essen_chk5" value="{aessenInfo.a_essen5}">
    <tr>
      <td width="1" bgcolor="E9E8E3"><spacer type="block"></td>
      <td width="1" bgcolor="E9E8E3"><spacer type="block"></td>
      <td align="center" valign="top" bgcolor="#FFFFFF">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center"></td>
          </tr>
        </table>
        <br>
        <table width="90%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="18"><img src="/uploads/member/20060825193024.gif"><td>
          </tr>
          <tr>
            <td height="18"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><img src="imgs/sub_login_img12.gif" width="41" height="41" hspace="12" align="absmiddle">이용약관
                    내용에 동의하십니까?
                    <input type="radio" value="y" checked name="agree">
                    동의함
                    <input type="radio" value="n" name="agree">
                    동의 안함 </td>
                  <td align="right"><a href="javascript:yak_see();"><img src="imgs/sub_login_img13.gif" width="74" height="22" hspace="10" border="0" align="absmiddle"></a></td>
                </tr>
              </table></td>
          </tr>
          <tr>
            <td height="18"><spacer type="block"></td>
          </tr>
          <tr>
            <td height="18" align="center"><img src="imgs/sub_join_noti.gif" width="6" height="5" align="absmiddle"><font color='red'> 표시가
              된 항목은 반드시 입력해 주십시오.</font><spacer type="block"></td>
          </tr>
          <tr>
            <td height="6"><spacer type="block"></td>
          </tr>
        </table>
        <table width="90%" border="0" cellpadding="0" cellspacing="0" bgcolor="969696">
          <tr>
            <td width="2" height="25"><spacer type="block"></td>
            <td><font color="C4B49B"><img src="imgs/sub_shopguide_img05_d.gif" width="11" height="11" hspace="5" align="absmiddle"><strong><font color="#FFFFFF">기본정보</font></strong></font></td>
            <td width="2"><spacer type="block"></td>
          </tr>
        </table>
        <br>
        <table width="90%" border="1" align="center" cellpadding="3" cellspacing="0"  bordercolor="white" bordercolorlight="#F2F2F2" bordercolordark="white" class="c01">
          <tr>
            <td width="150" height="30" align="right" bgcolor="F8F8F8"><font color="242424"> <img src="imgs/sub_join_noti.gif" width="6" height="5" align="absmiddle"> 회원
              ID   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="id1" type="text" size="16">
              <a href="javascript:void(0)" onClick="javascript:checkId()"><img src="imgs/sub_join_butt02.gif" width="106" height="21" border="0" align="absmiddle"></a> <font color="696969">4~10자의 영문,숫자가능.여백 사용금지</font></td>
          </tr>
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><img src="imgs/sub_join_noti.gif" width="6" height="5" align="absmiddle"><font color="242424"> 비밀번호   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input type="password" name="passwd" size="16">
              <font color="696969">4~10자 이내로 영문과 숫자의 조합으로 만드세요</font></td>
          </tr>
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424"><img src="imgs/sub_join_noti.gif" width="6" height="5" align="absmiddle"> 비밀번호확인   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input type="password" name="repasswd" size="16">
              <font color="696969">4~10자 이내로 영문과 숫자의 조합으로 만드세요</font></td>
          </tr>
        </table>
  <table width="90%" border="0" cellpadding="0" cellspacing="0" bgcolor="969696">
          <tr>
            <td width="2" height="25"><spacer type="block"></td>
            <td><font color="C4B49B"><img src="imgs/sub_shopguide_img05_d.gif" width="11" height="11" hspace="5" align="absmiddle"><strong><font color="#FFFFFF">상품선택</font></strong></font></td>
            <td width="2"><spacer type="block"></td>
          </tr>
        </table>  
  <br>
  <!--사용자 정의 필드-->
  <table width="90%" border="1" align="center" cellpadding="3" cellspacing="0"  bordercolor="white" bordercolorlight="#F2F2F2" bordercolordark="white" class="c01">
          <tr>
            <td width="150" height="30" align="right" bgcolor="F8F8F8"><font color="242424">업체선택<input type="hidden" name="tpltitle[0]" value="업체선택"><input type="hidden" name="tplfield[0]" value="field1"></font></td>
            <td bgcolor="#FFFFFF"> 
              <input type="radio" name="tplvalue[0]" value="엑스피드" checked  onclick="chservice(0);">
     엑스피드
     <input type="radio" name="tplvalue[0]" value="KT"  onclick="chservice(1);">
     KT
     <input type="radio" name="tplvalue[0]" value="하나포스"  onclick="chservice(2);">
     하나포스
     </td>
          </tr>
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8">선택상품명<input type="hidden" name="tpltitle[1]" value="선택상품명"><input type="hidden" name="tplfield[1]" value="field2"></font></td>
            <td bgcolor="#FFFFFF"> 
              <select name="tplvalue[1]">
     <option value='XPEED광랜(100M)' >XPEED광랜(100M)</option>
     <option value='XPEED프라임(10M)' >XPEED프라임(10M)</option> 
    </select></font></td>
          </tr>
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424">약정선택<input type="hidden" name="tpltitle[2]" value="약정선택"><input type="hidden" name="tplfield[2]" value="field3"></font></td>
            <td bgcolor="#FFFFFF"> 
              <input type="radio" name="tplvalue[2]" value="1년약정" checked>
     1년약정     
     <input type="radio" name="tplvalue[2]" value="2년약정">
     2년약정
     <input type="radio" name="tplvalue[2]" value="3년약정">
     3년약정
     <input type="radio" name="tplvalue[2]" value="4년약정">
     무약정
    </td>
          </tr>
        </table>
  <!--사용자 정의 필드 끝-->    
        <table width="90%" border="0" cellpadding="0" cellspacing="0" bgcolor="969696">
          <tr>
            <td width="2" height="25"><spacer type="block"></td>
            <td><font color="C4B49B"><img src="imgs/sub_shopguide_img05_d.gif" width="11" height="11" hspace="5" align="absmiddle"><strong><font color="#FFFFFF">개인신상정보</font></strong></font></td>
            <td width="2"><spacer type="block"></td>
          </tr>
        </table>
        <br>
        <table width="90%" border="1" align="center" cellpadding="3" cellspacing="0"  bordercolor="white" bordercolorlight="#F2F2F2" bordercolordark="white" class="c01">
          <tr>
            <td width="150" height="30" align="right" bgcolor="F8F8F8"><font color="242424"> <img src="imgs/sub_join_noti.gif" width="6" height="5" align="absmiddle"> 성명   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="name" type="text" size="16">
              <font color="696969">이름은 공백을 제거하고 입력해 주세요.(예:홍길동)</font> </td>
          </tr>
    <!--{? moutInfo.ssn_out == 'o_ssn' || moutInfo.address_out == 'o_address'}-->
          <tr>
            <td width="150" height="30" align="right" bgcolor="F8F8F8"><font color="242424">  <!--{? messenInfo.ssn_essen == 'e_ssn' || messenInfo.address_essen == 'e_address'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->외국인 체크   </font></td>
            <td bgcolor="#FFFFFF">   <font color="#000000">
              <input type="checkbox" value="Y" name="foreign" onClick="foreign_chk()">
              </font>외국인</td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.ssn_out == 'o_ssn'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"> <!--{? messenInfo.ssn_essen == 'e_ssn'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}--><font color="242424"> 주민등록번호   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input maxlength="6" name="ssn1" type="text" size="10">
              -
              <input maxlength="7" name="ssn2" type="text" size="10">
              <!--<font color="696969">개인정보
                    도용시 법에 의해 처벌받을 수 있습니다.</font>//-->
            </td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.address_out == 'o_address'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"> <font color="242424">
              <!--{? messenInfo.address_essen == 'e_address'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->
            우편번호   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="zip1" type="text" size="6" readonly>
              -
              <input name="zip2" type="text" size="6" readonly>
              <a href="javascript:void(0)" onClick="window.open('./popup/zipcode.php?mode=addrForm&zip1=zip1&zip2=zip2&addr=addr&phone1=phone1','','scrollbars=yes,width=320,height=240')"><img src="imgs/goods_trans_butt03.gif" width="106" height="21" border="0" align="absmiddle"></a> </td>
          </tr>
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424"> <!--{? messenInfo.address_essen == 'e_address'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->주 소   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="addr" type="text" size="45">
              <br>
               
              <input name="addr2" type="text" size="45"></td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.phone_out == 'o_phone'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424"> </font><font color="242424"><!--{? messenInfo.phone_essen == 'e_phone'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->전화번호   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="phone1" type="text" size="8">
              -
              <input name="phone2" type="text" size="8">
              -
              <input name="phone3" type="text" size="8">
            </td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.hp_out == 'o_hp'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424"> <!--{? messenInfo.hp_essen == 'e_hp'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->휴대폰   </font></td>
            <td bgcolor="#FFFFFF"> 
              <select name="hp1">
                <option value="010">010</option>
                <option value="011">011</option>
                <option value="016">016</option>
                <option value="017">017</option>
                <option value="018">018</option>
                <option value="019">019</option>
              </select>
              -
              <input name="hp2" type="text" size="8">
              -
              <input name="hp3" type="text" size="8">
            </td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.email_out == 'o_email'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"> <!--{? messenInfo.email_essen == 'e_email'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}--><font color="242424">E-mail   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="email" type="text" size="25">
              <font color="696969">(본인의 정확한 E-mail 주소 입력)</font></td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.homepage_out == 'o_homepage'}-->
   <tr>
     <td height="30" align="right" bgcolor="F8F8F8"><!--{? messenInfo.homepage_essen == 'e_homepage'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}--><font color="242424">홈페이지   </font></td>
     <td bgcolor="#FFFFFF">   <input name="homepage" type="text" size="30">
    <font color="696969">(본인의 정확한 홈페이지 주소 입력)</font></td>
   </tr>
    <!--{/}-->
    <!--{? moutInfo.mail_service_out == 'o_mail_service'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424">  </font><font color="242424"><!--{? messenInfo.mail_service_essen == 'e_mail_service'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->메일수신여부   </font></td>
            <td bgcolor="#FFFFFF">   메일을 받겠습니다. <font color="#000000">
              <input type="radio" value="Y" checked name="mail_receive">
              </font>예 <font color="#000000">
              <input type="radio" value="N" name="mail_receive">
              </font>아니오</td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.birth_out == 'o_birth'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424"> <!--{? messenInfo.birth_essen == 'e_birth'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->생년월일   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="birth_y" type="text" size="8">
              년
              <input name="birth_m" type="text" size="8">
              월
              <input name="birth_d" type="text" size="8">
              일 <font color="#000000">
              <input type="radio" value="S" checked name="birth_mode">
              </font>양력<font color="#000000">
              <input type="radio" value="L" name="birth_mode">
              </font>음력 </td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.marry_out == 'o_marry'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424">  </font><font color="242424"><!--{? messenInfo.marry_essen == 'e_marry'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->결혼여부   </font></td>
            <td bgcolor="#FFFFFF">   <font color="#000000">
              <input type="radio" value="N" checked name="married">
              </font>미혼<font color="#000000">
              <input type="radio" value="Y" name="married">
              </font>기혼</td>
          </tr>
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424"> </font><font color="242424"><!--{? messenInfo.marry_essen == 'e_marry'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->결혼기념일   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="wedding_date1" type="text" size="8">
              년
              <input name="wedding_date2" type="text" size="8">
              월
              <input name="wedding_date3" type="text" size="8">
              일 <font color="#000000">  </font></td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.recommand_out == 'o_recommand'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424"> </font><font color="242424"><!--{? messenInfo.recommand_essen == 'e_recommand'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->추천인 ID   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input type="text" name="recommand" size="16">
              <span class="style2">* 아이디를 정확하게 입력하세요</span></td>
          </tr>
    <!--{/}-->
    <!--{? moutInfo.userfile_out == 'o_userfile'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"> <font color="242424"><!--{? messenInfo.userfile_essen == 'e_userfile'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}-->사진등록   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input type="file" name="userfile">
              <span class="style2">권장 이미지 싸이즈 120*120 이상</span></td>
          </tr>
    <!--{/}-->
        </table>
        <table width="90%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="20"><spacer type="block"></td>
          </tr>
        </table>
        <table width="90%" border="0" cellpadding="0" cellspacing="0" bgcolor="969696">
          <tr>
            <td width="2" height="25"><spacer type="block"></td>
            <td><font color="C4B49B"><img src="imgs/sub_shopguide_img05_d.gif" width="11" height="11" hspace="5" align="absmiddle"><strong><font color="#FFFFFF">추가입력정보</font></strong></font></td>
            <td width="2"><spacer type="block"></td>
          </tr>
        </table>
        <br>
        <table width="90%" border="1" align="center" cellpadding="3" cellspacing="0"  bordercolor="white" bordercolorlight="#F2F2F2" bordercolordark="white" class="c01">
    <!--{? aoutInfo.a_out1 == 'out_chk1'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424">   <!--{? aessenInfo.a_essen1 == 'essen_chk1'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}--><!--{ atitleInfo.a_title1}-->    </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="a_contents1" type="text" size="50"></td>
          </tr>
    <!--{/}-->
    <!--{? aoutInfo.a_out2 == 'out_chk2'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424">   <!--{? aessenInfo.a_essen2 == 'essen_chk2'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}--><!--{ atitleInfo.a_title2}-->    </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="a_contents2" type="text" size="50"></td>
          </tr>
    <!--{/}-->
    <!--{? aoutInfo.a_out3 == 'out_chk3'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424">   <!--{? aessenInfo.a_essen3 == 'essen_chk3'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}--><!--{ atitleInfo.a_title3}-->    </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="a_contents3" type="text" size="50"></td>
          </tr>
    <!--{/}-->
    <!--{? aoutInfo.a_out4 == 'out_chk4'}-->
          <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424">    <!--{? aessenInfo.a_essen4 == 'essen_chk4'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}--><!--{ atitleInfo.a_title4}-->   </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="a_contents4" type="text" size="50"></td>
          </tr>
    <!--{/}-->
    <!--{? aoutInfo.a_out5 == 'out_chk5'}-->
    <tr>
            <td height="30" align="right" bgcolor="F8F8F8"><font color="242424">   <!--{? aessenInfo.a_essen5 == 'essen_chk5'}--><img src='imgs/sub_join_noti.gif' width='6' height='5' align='absmiddle'><!--{/}--><!--{ atitleInfo.a_title5}-->    </font></td>
            <td bgcolor="#FFFFFF"> 
              <input name="a_contents4" type="text" size="50"></td>
이름 비밀번호
내용