join2.php 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429
  1. <?php
  2. include $_SERVER['DOCUMENT_ROOT'].'/common/lib/comm.php';
  3. ?>
  4. <!DOCTYPE html>
  5. <HTML lang="ko">
  6. <head>
  7. <meta charset="utf-8">
  8. <title>UPRO</title>
  9. <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
  10. <meta name="format-detection" content="telephone=no">
  11. <link rel="stylesheet" type="text/css" href="/m/css/common.css">
  12. <link rel="stylesheet" type="text/css" href="/m/css/sub.css">
  13. <script type="text/javascript" charset="utf-8" src="/m/js/jquery-1.11.2.min.js"></script>
  14. <script type="text/javascript" charset="utf-8" src="/m/js/ui.js"></script>
  15. <script type="text/javascript" src="<?=JS_PATH?>"></script>
  16. </head>
  17. <body>
  18. <!-- s : header -->
  19. <? include("../inc/inc_header.php"); ?>
  20. <!-- // e : header -->
  21. <!-- s : container -->
  22. <section id="container" class="join_wrap">
  23. <h2>회원가입</h2>
  24. <p class="tit_sub">유프로에 회원으로 가입하시고<br>유프로만의 특별한 회원 혜택을 누리세요.</p>
  25. <div class="join">
  26. <h3>약관동의</h3>
  27. <div class="clause_chk_list">
  28. <p class="all"><span class="check_wrap"><input type="checkbox" name="agree_all" id="agree_all" value=""><i></i><label for="agree_all">전체 약관동의</label></span></p>
  29. <ul>
  30. <li>
  31. <span class="check_wrap"><input type="checkbox" name="ds_agree1" id="ds_agree1" value="Y"><i></i><label for="ds_agree1">[필수] 회원 이용약관</label></span>
  32. <span class="detail">자세히보기</span>
  33. <div>
  34. <textarea cols="100" rows="10" readonly><? include("../inc/clause_txt1.txt"); ?></textarea>
  35. </div>
  36. </li>
  37. <li>
  38. <span class="check_wrap"><input type="checkbox" name="ds_agree2" id="ds_agree2" value="Y"><i></i><label for="ds_agree2">[필수] 개인정보 수집이용</label></span>
  39. <span class="detail">자세히보기</span>
  40. <div>
  41. <textarea cols="100" rows="10" readonly><? include("../inc/clause_txt2.txt"); ?></textarea>
  42. </div>
  43. </li>
  44. <!-- <li>
  45. <span class="check_wrap"><input type="checkbox" id="agree3"><i></i><label for="agree3">[선택] 마케팅 목적 개인정보 수집/이용</label></span>
  46. <span class="detail">자세히보기</span>
  47. <div>
  48. <textarea cols="100" rows="10" readonly><? include("../inc/clause_txt3.txt"); ?></textarea>
  49. </div>
  50. </li>-->
  51. <!-- <li>
  52. <span class="check_wrap"><input type="checkbox" id="agree4"><i></i><label for="agree4">[선택] 개인정보 제3자 제공</label></span>
  53. <span class="detail">자세히보기</span>
  54. <div>
  55. <textarea cols="100" rows="10" readonly><? include("../inc/clause_txt4.txt"); ?></textarea>
  56. </div>
  57. </li>-->
  58. </ul>
  59. </div>
  60. <h3>기본정보 입력</h3>
  61. <form id="frmMember" name="frmMember" method="post" action="join_proc.php" enctype="multipart/form-data">
  62. <input type="hidden" name="validate" id="validate" value=""/>
  63. <input type="hidden" name="ds_type" id="ds_type" value="A0"/>
  64. <input type="hidden" name="ds_level" id="ds_level" value="<?=$ds_level?>"/>
  65. <input type="hidden" name="cd_user" id="cd_user" value="<?=$cd_user?>"/>
  66. <input type="hidden" name="mode" id="mode" value="Add"/>
  67. <!--input type="hidden" name="PageNo" id="PageNo" value="<?=$PageNo?>"/-->
  68. <input type="hidden" name="idchkresult" id="idchkresult" value="N"/>
  69. <input type="hidden" name="nm_email" id="nm_email" value=""/>
  70. <table class="tbl_w">
  71. <tr>
  72. <td>
  73. <div class="id_wrap">
  74. <input type="text" class="inp_txt" style="width:50%;" placeholder="아이디" name="nm_email1" id="nm_email1"> @
  75. <input type="text" class="inp_txt" style="margin-right:5px;width:25%;" name="nm_email2" id="nm_email2">
  76. <select name="nm_email3" id="nm_email3" onChange="sel_1(this.value)" style="width:42%;">
  77. <option value="" selected>직접입력</option>
  78. <option value="daum.net">daum.net</option>
  79. <option value="gmail.com">gmail.com</option>
  80. <option value="hanmail.net">hanmail.net</option>
  81. <option value="nate.com">nate.com</option>
  82. <option value="hotmail.com">hotmail.com</option>
  83. <option value="naver.com">naver.com</option>
  84. <option value="chollian.net">chollian.net</option>
  85. <option value="dreamwiz.com">dreamwiz.com</option>
  86. <option value="empal.com">empal.com</option>
  87. <option value="freechal.com">freechal.com</option>
  88. <option value="hanafos.com">hanafos.com</option>
  89. <option value="kebi.com">kebi.com</option>
  90. <option value="korea.com">korea.com</option>
  91. <option value="lycos.co.kr">lycos.co.kr</option>
  92. <option value="netian.com">netian.com</option>
  93. <option value="netsgo.com">netsgo.com</option>
  94. <option value="unitel.co.kr">unitel.co.kr</option>
  95. <option value="yahoo.co.kr">yahoo.co.kr</option>
  96. </select>
  97. <input type="submit" class="td_btn" id="btn_idchk" title="아이디 확인" value="확인" >
  98. </div>
  99. </td>
  100. </tr>
  101. <tr>
  102. <td>
  103. <input type="password" class="inp_txt" style="width:100%;" placeholder="비밀번호" name="nm_pass" id="nm_pass">
  104. <span class="td_txt">(8자~15자 영문, 숫자, 특수문자 조합)</span>
  105. </td>
  106. </tr>
  107. <tr>
  108. <td>
  109. <input type="password" class="inp_txt" style="width:100%;" placeholder="비밀번호 확인" name="nm_pass2" id="nm_pass2">
  110. <span class="td_txt">(8자~15자 영문, 숫자, 특수문자 조합)</span>
  111. </td>
  112. </tr>
  113. <tr>
  114. <td><input type="text" class="inp_txt" style="width:100%;" placeholder="이름" name="nm_name" id="nm_name"></td>
  115. </tr>
  116. <tr>
  117. <td>
  118. <input type="text" class="inp_txt" style="width:100%;" placeholder="휴대번호" name="nm_hp" id="nm_hp" >
  119. <span class="td_txt">(숫자만 입력)</span>
  120. </td>
  121. </tr>
  122. <tr>
  123. <td>
  124. <span class="td_txt">관계사</span>
  125. <select name="ds_company_bp" id="ds_company_bp" placeholder="관계사"></select>
  126. </td>
  127. </tr>
  128. <tr>
  129. <td>
  130. <span class="td_txt">지점</span>
  131. <select name="ds_branch" id="ds_branch"></select>
  132. </td>
  133. </tr>
  134. <tr>
  135. <td>
  136. <div class="f_wrap">
  137. <select name="ds_area" id="ds_area" style="width:100%;"></select>
  138. </div>
  139. </td>
  140. </tr>
  141. </table>
  142. <div class="btn_center">
  143. <a href="#" class="button" id="btn_write">회원가입</a>
  144. </div>
  145. </form>
  146. </div>
  147. <script laguage="javascript" type="text/javascript">
  148. $(document).ready(function() {
  149. setCodeSelect("listcode","ds_area", "member_master","ds_area","<?=$ds_area?>","선택하세요","");
  150. setCodeSelect("listcode","ds_company_bp", "member_master","ds_company_bp","<?=$ds_company_bp?>","선택하세요","");
  151. <? if (!empty($ds_branch)){ ?>
  152. setCodeSelect("listcode","ds_branch", "member_master","ds_branch","<?=$ds_branch?>","선택하세요","<?=$ds_company_bp?>");
  153. <? } ?>
  154. $("#ds_company_bp").change(function(){
  155. setCodeSelect("listcode","ds_branch", "member_master","ds_branch","<?=$ds_branch?>","선택하세요",$(this).val());
  156. });
  157. $("#cd_userid").bind("keyup",function(){
  158. $("#idchkresult").val("N");
  159. });
  160. $("#nm_email3").on("change", function(){
  161. if($(this).val() == ""){
  162. $("#nm_email2").show();
  163. }else{
  164. $("#nm_email2").hide();
  165. }
  166. });
  167. $("#btn_idchk").bind("click",function(){
  168. if($("#nm_email1").val() == ""){
  169. alert("이메일을 입력하세요.");
  170. $("#nm_email1").focus();
  171. return false;
  172. }
  173. if($("#nm_email3").val() == ""){
  174. if($("#nm_email2").val() == ""){
  175. alert("이메일을 입력하세요.");
  176. $("#nm_email2").focus();
  177. return false;
  178. }
  179. $("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email2").val());
  180. }else{
  181. $("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email3").val());
  182. }
  183. $.post("join_proc.php", { mode: "IdChk", nm_email: $("#nm_email").val()},function(data) {
  184. if(data=="Y"){
  185. if(confirm("이용가능합니다. 아이디를 사용하시겠습니까?")){
  186. $("#cd_userid").attr("readonly",true).css("background","#d2d3d5");
  187. $("#idchkresult").val("Y");
  188. return;
  189. }
  190. }else{
  191. alert("사용불가능한 아이디 입니다.");
  192. $("#idchkresult").val("N");
  193. return;
  194. }
  195. });
  196. return false;
  197. });
  198. $("#btn_delete").bind("click",function(){
  199. if(confirm("삭제하시겠습니까?")){
  200. $("#mode").val("Delete");
  201. $("#frmMember").submit();
  202. }
  203. });
  204. $("#agree_all").bind("click",function(){
  205. agreeChkAll();
  206. });
  207. $("#agree_all").bind("keyup",function(){
  208. agreeChkAll();
  209. });
  210. $("#btn_write").bind("click",function(){
  211. var fieldlist = [["nm_email1","아이디"],["nm_email2","아이디"],["nm_pass","비밀번호"],["nm_pass2","비밀번호"],["nm_name","이름"],["nm_hp","휴대번호"],["ds_area","지역"]]
  212. if (!fnCheckForm(fieldlist)){
  213. return false;
  214. }else{
  215. /*아이디 관련 처리*/
  216. var idReg1 = /[a-z]/g;
  217. var idReg2 = /[0-9]/g;
  218. /*
  219. if( !(idReg1.test( $("#cd_userid").val() )) || !(idReg2.test( $("#cd_userid").val() )) ) {
  220. alert("아이디는 영문/숫자 조합으로 이루어져야 합니다.");
  221. $("#cd_userid").focus();
  222. return false;
  223. }
  224. var idReg = /^[a-z]+[a-z0-9]{5,19}$/g;
  225. if( !idReg.test( $("#cd_userid").val() ) ) {
  226. alert("아이디는 영문자로 시작하는 6~20자 영문자 또는 숫자이어야 합니다.");
  227. $("#cd_userid").focus();
  228. return false;
  229. }
  230. if(!fnCheckAlphaNumber($("#cd_userid").val())){
  231. alert('아이디는 영문/숫자 조합으로 이루어져야 합니다.');
  232. return false;
  233. }
  234. if($("#cd_userid").val().length <6){
  235. alert("6글자 이상 아이디를 입력하세요");
  236. $("#cd_userid").focus();
  237. return false;
  238. }
  239. */
  240. if($("#idchkresult").val() != "Y"){
  241. alert("아이디 중복확인을 해 주세요.");
  242. $("#idchkresult").focus();
  243. return false;
  244. }
  245. /*패스워드 처리*/
  246. if($("#nm_pass").val().length == 0 || $("#nm_pass2").val().length == 0){
  247. alert("패스워드를 입력하세요");
  248. $("#nm_pass").focus();
  249. return false;
  250. }
  251. if($("#nm_pass").val().length > 0){
  252. if($("#nm_email1").val()==$("#nm_pass").val()){
  253. alert("아이디와 변경할 패스워드를 다르게입력하세요");
  254. $("#nm_pass").focus();
  255. return false;
  256. }
  257. if($("#nm_pass").val()!=$("#nm_pass2").val()){
  258. alert("입력하신 변경할 패스워드가 일치하지 않습니다.");
  259. $("#nm_pass").focus();
  260. return false;
  261. }
  262. if(!isStrongValidFormPassword($("#nm_pass").val())){
  263. return false;
  264. }
  265. }
  266. if(!ChkNum($("#nm_hp").val())){
  267. alert("휴대폰 번호는 숫자만 입력하세요.");
  268. $("#nm_hp").focus();
  269. return false;
  270. }
  271. /*
  272. if($("#nm_hp_01").val() == ""){
  273. alert("휴대폰 번호를 입력하세요.");
  274. $("#nm_hp_01").focus();
  275. return false;
  276. }
  277. if($("#nm_hp_02").val() == ""){
  278. alert("휴대폰 번호를 입력하세요.");
  279. $("#nm_hp_02").focus();
  280. return false;
  281. }
  282. if($("#nm_hp_03").val() == ""){
  283. alert("휴대폰 번호를 입력하세요.");
  284. $("#nm_hp_03").focus();
  285. return false;
  286. }
  287. $("#nm_hp").val($("#nm_hp_01").val()+"-"+$("#nm_hp_02").val()+"-"+$("#nm_hp_03").val());
  288. if($("#nm_email1").val() == ""){
  289. alert("이메일을 입력하세요.");
  290. $("#nm_email1").focus();
  291. return false;
  292. }
  293. if($("#nm_email3").val() == ""){
  294. if($("#nm_email2").val() == ""){
  295. alert("이메일을 입력하세요.");
  296. $("#nm_email2").focus();
  297. return false;
  298. }
  299. $("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email2").val());
  300. }else{
  301. $("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email3").val());
  302. }
  303. */
  304. $("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email2").val());
  305. /*
  306. if($("#nm_addr").val() == ""){
  307. alert("주소를 입력하세요.");
  308. $("#nm_addr").focus();
  309. return false;
  310. }
  311. if($("#nm_addr_sub").val() == ""){
  312. alert("주소를 입력하세요.");
  313. $("#nm_addr_sub").focus();
  314. return false;
  315. }
  316. */
  317. if(!document.getElementById("ds_agree1").checked){
  318. alert('[필수] 회원 이용약관에 동의해 주세요.');
  319. $("#ds_agree1").focus();
  320. return false;
  321. }
  322. if(!document.getElementById("ds_agree2").checked){
  323. alert('[필수] 개인정보 수집이용 에 동의해 주세요.');
  324. $("#ds_agree2").focus();
  325. return false;
  326. }
  327. var c=confirm("정보를 등록하시겠습니까?");
  328. if(c){
  329. $("#btn_write").hide();
  330. $("#frmMember").submit();
  331. }else{
  332. $("#btn_write").show();
  333. return false;
  334. }
  335. }
  336. });
  337. });
  338. function agreeChkAll(){
  339. if(document.getElementById("agree_all").checked){
  340. document.getElementById("ds_agree1").checked = true;
  341. document.getElementById("ds_agree2").checked = true;
  342. }else{
  343. document.getElementById("ds_agree1").checked = false;
  344. document.getElementById("ds_agree2").checked = false;
  345. }
  346. }
  347. </script>
  348. <script language="javascript">
  349. <!--
  350. function sel_1(sltObj)
  351. {
  352. document.getElementById("nm_email2").value = sltObj;
  353. if (sltObj == "")
  354. {
  355. document.getElementById("nm_email2").readOnly = false;
  356. }else{
  357. document.getElementById("nm_email2").readOnly = true;
  358. }
  359. }
  360. //-->
  361. </script>
  362. </section>
  363. <!-- // e : container -->
  364. <!-- s : footer -->
  365. <? include("../inc/inc_footer.php"); ?>
  366. <!-- // e : footer -->
  367. </body>
  368. </html>
  369. <?
  370. mysql_close($connect);
  371. ?>