You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

115 lines
5.2 KiB

7 years ago
  1. <div class="container">
  2. <?=$form_open?>
  3. <article class="panel panel-default">
  4. <header class="panel-heading">
  5. <h1 class="panel-title"><?=langs('회원/register')?></h1>
  6. </header>
  7. <div class="panel-body">
  8. <h4>사이트 이용약관</h4>
  9. <div class="form-group">
  10. <textarea class="form-control" rows="5" readonly><?=html_symbol(get_summary($this->site->config('agreement_site'), FALSE))?></textarea>
  11. <div class="checkbox">
  12. <label><input type="checkbox" value="Y" data-agree> 사이트 이용약관에 동의합니다.</label>
  13. </div>
  14. </div>
  15. <h4>개인정보 취급방침</h4>
  16. <div class="form-group">
  17. <textarea class="form-control" rows="5" readonly><?=html_symbol(get_summary($this->site->config('agreement_privacy'), FALSE))?></textarea>
  18. <div class="checkbox">
  19. <label><input type="checkbox" value="Y" data-agree> 개인정보 취급방침에 동의합니다.</label>
  20. </div>
  21. </div>
  22. <?php // 위의 두 체크박스의 체크여부와 상관없이 아래의 체크박스 여부만 PHP단에서 체크함.?>
  23. <div class="checkbox">
  24. <label><input type="checkbox" name="agree" value="Y"> 이용약관에 모두 동의합니다.</label>
  25. </div>
  26. </div>
  27. <div class="panel-body">
  28. <!-- START :: 필수입력값 -->
  29. <fieldset>
  30. <legend>필수 입력정보</legend>
  31. <div class="form-group">
  32. <label for="userid">아이디 <span class="text-danger">*</span><span class="sr-only">필수 입력</span></label>
  33. <input class="form-control" name="userid" required>
  34. </div>
  35. <div class="form-group">
  36. <label for="userpass">비밀번호 <span class="text-danger">*</span><span class="sr-only">필수 입력</span></label>
  37. <input type="password" class="form-control" name="userpass" required>
  38. </div>
  39. <div class="form-group">
  40. <label for="userpass">비밀번호 확인 <span class="text-danger">*</span><span class="sr-only">필수 입력</span></label>
  41. <input type="password" class="form-control" name="userpass_confirm" required>
  42. </div>
  43. <div class="form-group">
  44. <label for="userpass">닉네임 <span class="text-danger">*</span><span class="sr-only">필수 입력</span></label>
  45. <input class="form-control" name="usernick" required>
  46. </div>
  47. <?php if( ! USE_EMAIL_ID ) : ?>
  48. <!-- 이메일 아이디 미사용시 이메일 입력폼 -->
  49. <div class="form-group">
  50. <label for="userpass">E-mail</label>
  51. <input class="form-control" name="useremail" required>
  52. </div>
  53. <?php endif;?>
  54. </fieldset>
  55. <!-- END :: 필수입력값 -->
  56. <!-- START :: 추가입력정보 -->
  57. <fieldset>
  58. <legend>추가입력정보</legend>
  59. <div class="form-group">
  60. <label>연락처</label>
  61. <input name="userphone" class="form-control">
  62. </div>
  63. <div class="form-group">
  64. <label>성별</label>
  65. <div class="radiobox">
  66. <div class="radio-inline">
  67. <label><input type="radio" name="usergender" value="M" checked> 남성</label>
  68. </div>
  69. <div class="radio-inline">
  70. <label><input type="radio" name="usergender" value="F"> 여성</label>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="form-group">
  75. <div class="checkbox">
  76. <label><input type="checkbox" name="recv_email" value="Y"> E-mail을 수신합니다.</label>
  77. </div>
  78. <div class="checkbox">
  79. <label><input type="checkbox" name="recv_sms" value="Y"> SMS를 수신합니다.</label>
  80. </div>
  81. </div>
  82. </fieldset>
  83. <!-- END :: 추가입력정보 -->
  84. <div class="text-center">
  85. <button class="btn btn-primary"><?=langs('회원/register')?></button>
  86. </div>
  87. </div>
  88. </article>
  89. <?=$form_close?>
  90. </div>
  91. <script>
  92. $(function(){
  93. // 각각의 체크박스 상태에 따라 모두 동의 체크 박스 변경
  94. $('[data-agree]').change(function(){
  95. $('input[name="agree"]').prop('checked', ($('[data-agree]').length == $('[data-agree]:checked').length ));
  96. });
  97. // 모두 동의 체크박스 상태에 따라 각각의 체크박스 상태 변경
  98. $('input[name="agree"]').change(function(){
  99. $('[data-agree]').prop('checked', $(this).prop('checked'));
  100. });
  101. });
  102. </script>