new.jsp 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  2. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
  3. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
  4. <%@ page language="java" contentType="text/html; charset=UTF-8"
  5. pageEncoding="UTF-8"%>
  6. <jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
  7. <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
  8. <script>
  9. $( function(){
  10. $( "#newForm" ).validate({
  11. rules: {
  12. centerName : {
  13. minlength : 2,
  14. maxlength : 100
  15. },
  16. staffId: {
  17. minlength : 4,
  18. maxlength : 20,
  19. idValid : true,
  20. remote : {
  21. type : "POST",
  22. url : "/staff/duplicateIdCheck",
  23. data : {
  24. staffId : function(){
  25. return $( "input[name='staffId']" ).val();
  26. }
  27. }
  28. }
  29. },
  30. centerNumber : {
  31. phoneValid : true
  32. },
  33. staffPhoneNumber : {
  34. phoneValid : true
  35. },
  36. staffPw : {
  37. minlength : 8,
  38. maxlength : 15,
  39. passwordValid : true
  40. },
  41. staffPwConfirm : {
  42. equalTo: "#staffPw",
  43. },
  44. totalCapacity :{
  45. number:true
  46. },
  47. totalStaff :{
  48. number:true
  49. }
  50. },
  51. messages : {
  52. staffId : {
  53. remote : "이미 존재하는 아이디입니다"
  54. },
  55. staffPw : {
  56. minlength : "비밀번호를 확인하세요 (영문, 숫자, 특수문자를 혼합하여 8 ~ 15자 이내)",
  57. maxlength : "비밀번호를 확인하세요 (영문, 숫자, 특수문자를 혼합하여 8 ~ 15자 이내)"
  58. },
  59. staffPwConfirm : {
  60. equalTo: "비밀번호가 일치하지 않습니다.",
  61. }
  62. },
  63. onkeyup: function( element, event ) {
  64. $( element ).valid();
  65. },
  66. onfocusout: function (element) {
  67. $( element ).val( $.trim( $( element ).val() ) );
  68. $( element ).valid();
  69. },
  70. submitHandler: function(form) {
  71. $("#mainAddr").removeAttr("disabled");
  72. form.submit();
  73. }
  74. });
  75. })
  76. </script>
  77. </head>
  78. <body>
  79. <div class="wrapper">
  80. <jsp:include page="${data._INCLUDE}/sidebar.jsp"></jsp:include>
  81. <div class="main">
  82. <jsp:include page="${data._INCLUDE}/top.jsp"></jsp:include>
  83. <main class="content">
  84. <div class="container-fluid p-0">
  85. <!-- 환자관리 : 신규환자 등록 START -->
  86. <div class="row">
  87. <div class="col-12 col-lg-6">
  88. <h1 class="h3 mb-3">
  89. 생활치료센터 신규등록
  90. </h1>
  91. </div>
  92. <div class="col-12 col-lg-6 text-right">
  93. <nav aria-label="breadcrumb">
  94. <ol class="breadcrumb">
  95. <li class="breadcrumb-item"><a href="javscript:;">Home</a></li>
  96. <li class="breadcrumb-item">생활치료센터 관리</li>
  97. <li class="breadcrumb-item active">생활치료센터 신규</li>
  98. </ol>
  99. </nav>
  100. </div>
  101. </div>
  102. <div class="row">
  103. <div class="col-12">
  104. <div class="card">
  105. <form action="./new/regist" method="post" id="newForm">
  106. <div class="card-body">
  107. <table class="table mobile-table">
  108. <colgroup>
  109. <col style="width:15%">
  110. <col style="width:35%">
  111. <col style="width:15%">
  112. <col style="width:35%">
  113. </colgroup>
  114. <tr>
  115. <th><span class="fix">*</span>생활치료센터명</th>
  116. <td>
  117. <input type="text" class="form-control" name="centerName" required>
  118. </td>
  119. <th><span class="fix">*</span>지역</th>
  120. <td>
  121. <select class="custom-select" name="locationCode">
  122. <c:forEach var="i" items="${locationList}">
  123. <option value="${i.locationCode}"><c:out value="${i.locationName}"/></option>
  124. </c:forEach>
  125. <!-- <option>1</option>
  126. <option>2</option>
  127. <option>3</option>
  128. <option>4</option>
  129. <option>5</option>
  130. <option>6</option>
  131. <option>7</option> -->
  132. </select>
  133. </td>
  134. </tr>
  135. <tr>
  136. <th><span class="fix">*</span>주소</th>
  137. <td colspan="3">
  138. <div class="form-row">
  139. <div class="col-lg-10"><input type="text" class="form-control" disabled id="mainAddr" name="centerAddress" required></div>
  140. <div class="col-lg-2"><span class="btn btn-primary w100" onclick="juso();">주소찾기</span></div>
  141. <div class="col-lg-10"><input type="text" class="form-control mt8" id="detailAddr" name="detailAddr" placeholder="상세주소" required></div>
  142. </div>
  143. </td>
  144. </tr>
  145. <tr>
  146. <th><span class="fix">*</span>소관</th>
  147. <td>
  148. <select class="custom-select" name="jurisdiction">
  149. <c:forEach var="k" items="${jurisdiction}">
  150. <option value="${k.locationCode}"><c:out value="${k.locationName}"/></option>
  151. </c:forEach>
  152. </select>
  153. </td>
  154. <th><span class="fix">*</span>협력병원 </br>(요양기관번호)</th>
  155. <td>
  156. <select class="custom-select" name="cooperativeCode">
  157. <c:forEach var="j" items="${cooperativeList}">
  158. <option value="${j.locationCode}"><c:out value="${j.locationName}"/></option>
  159. </c:forEach>
  160. </select>
  161. </td>
  162. </tr>
  163. <tr>
  164. <th><span class="fix">*</span>전화번호</th>
  165. <td colspan="3">
  166. <input type="text" class="form-control" name="centerNumber" placeholder="'-'를 제외한 숫자만 입력하세요" required onkeypress="onlyNumber()">
  167. </td>
  168. </tr>
  169. <tr>
  170. <th><span class="fix">*</span>수용인원(명)</th>
  171. <td>
  172. <input type="text" class="form-control" name="totalCapacity" required>
  173. </td>
  174. <th><span class="fix">*</span>의료진수 (명)</th>
  175. <td>
  176. <input type="text" class="form-control" name="totalStaff" required>
  177. </td>
  178. </tr>
  179. <tr>
  180. <th><span class="fix">*</span>담당자 아이디</th>
  181. <td>
  182. <input type="text" class="form-control" name="staffId" autocomplete="off" maxlength="20" required>
  183. </td>
  184. <th><span class="fix">*</span>담당자 이름</th>
  185. <td>
  186. <input type="text" class="form-control" name="staffName" required>
  187. </td>
  188. </tr>
  189. <tr>
  190. <th><span class="fix">*</span>담당자 전화번호</th>
  191. <td colspan="3">
  192. <input type="text" class="form-control" name="staffPhoneNumber" placeholder="'-'를 제외한 숫자만 입력하세요" required onkeypress="onlyNumber();">
  193. </td>
  194. </tr>
  195. <tr>
  196. <th><span class="fix">*</span>비밀번호</th>
  197. <td colspan="3">
  198. <input type="password" class="form-control" name="staffPw" id="staffPw" placeholder="숫자, 영문, 특수문자 조합 8~15자 이내" maxlength="15" required>
  199. </td>
  200. </tr>
  201. <tr>
  202. <th><span class="fix">*</span>비밀번호 확인</th>
  203. <td colspan="3">
  204. <input type="password" class="form-control" name="staffPwConfirm" placeholder="비밀번호 확인을 위해 비밀번호를 한번 더 입력하세요." maxlength="15" required>
  205. </td>
  206. </tr>
  207. </table>
  208. <div class="row mt-3">
  209. <div class="col-12">
  210. <div class="text-right">
  211. <button type="button" class="btn btn-outline-primary w100" onclick="history.back();">취소</button>
  212. <button type="submit" class="btn btn-primary w100">등록</button>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </form>
  218. </div>
  219. </div>
  220. </div>
  221. <!-- 환자관리 : 신규환자 등록 END -->
  222. </div>
  223. </main>
  224. <jsp:include page="${data._INCLUDE}/footer.jsp"></jsp:include>
  225. </div>
  226. </div>
  227. </body>
  228. </html>