health3.jsp 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
  3. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  4. <jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
  5. <script type="text/javascript" src="/resources/js/mobile/health.js"></script>
  6. <script>
  7. $( function(){
  8. $( "#healthForm" ).validate({
  9. onkeyup: function( element, event ) {
  10. $( "div.error-msg" ).text( "" );
  11. },
  12. onfocusout: function (element) {
  13. $( "div.error-msg" ).text( "" );
  14. },
  15. submitHandler: function(form) {
  16. var prev = $.trim( $( "input[name='oxygenSaturationPrev']" ).val() );
  17. var next = $.trim( $( "input[name='oxygenSaturationNext']" ).val() );
  18. // var prev2 = $.trim( $( "input[name='oxygenSaturationPrev2']" ).val() );
  19. // var next2 = $.trim( $( "input[name='oxygenSaturationNext2']" ).val() );
  20. if( prev.length == 1 || next.length == 0 ) {
  21. $( "div.error-msg" ).text( "산소포화도 % 를 입력하세요 (소수점자리까지 입력)" );
  22. }
  23. // else if( prev2.length == 1 || next2.length == 0 ) {
  24. // $( "div.error-msg" ).text( "산소포화도 bpm 을 입력하세요 (소수점자리까지 입력)" );
  25. // }
  26. else {
  27. $( "#phrValue" ).val( prev+"."+next );
  28. // $( "#phrValue2" ).val( prev2+"."+next2 );
  29. form.submit();
  30. }
  31. }
  32. });
  33. })
  34. </script>
  35. </head>
  36. <body>
  37. <div id="sub">
  38. <div class="container">
  39. <div class="header">
  40. <div class="previous">
  41. <a href="/mobile/menu">이전</a>
  42. </div>
  43. <div class="title">건강정보기록</div>
  44. </div>
  45. <div class="device_tab">
  46. <ul>
  47. <li>
  48. <a href="./1" class="one">체온<span class="eng">body temperature</span></a>
  49. </li>
  50. <li>
  51. <a href="./2" class="two">맥박수/혈압<span class="eng">heart rate/blood pressure</span></a>
  52. </li>
  53. <li>
  54. <a href="./3" class="three active">산소포화도<span class="eng">oxygen</span></a>
  55. </li>
  56. <li>
  57. <a href="./4" class="four">혈당<span class="eng">blood sugar</span></a>
  58. </li>
  59. <li>
  60. <a href="./5" class="five">임상증상<span class="eng">symptom</span></a>
  61. </li>
  62. </ul>
  63. </div>
  64. <form id="healthForm" method="post" action="./insert">
  65. <div class="health">
  66. <div class="part">
  67. <div class="title">날짜</div>
  68. <div class="input day">
  69. <a href="javascript:;" data-popup-open="popup-calendar">d</a>
  70. <input type="text" class="datePicker form-control" placeholder="현재 날짜" readonly>
  71. </div>
  72. </div>
  73. <div class="part">
  74. <div class="title">측정시간</div>
  75. <div class="input time">
  76. <a href="javascript:;" data-popup-open="popup-time">d</a>
  77. <input type="text" class="timePicker" placeholder="현재 시간" readonly>
  78. </div>
  79. </div>
  80. <div class="part tac mt30">
  81. <div class="title">산소포화도를 입력해주세요</div>
  82. <div class="input time">
  83. </div>
  84. </div>
  85. <div class="data unlink">
  86. <div class="point">
  87. <span>
  88. <input type="text" class="prev m3" name="oxygenSaturationPrev" placeholder="000" maxlength="3"><span class="dot"></span><input type="text" class="next" name="oxygenSaturationNext" placeholder="00" maxlength="2"> %
  89. </span>
  90. <!-- span>
  91. <input type="text" class="prev m3" name="oxygenSaturationPrev2" placeholder="000" maxlength="3"><span class="dot"></span><input type="text" class="next" name="oxygenSaturationNext2" placeholder="00" maxlength="2"> bpm
  92. </span-->
  93. </div>
  94. </div>
  95. <div class="error-msg tac mt20 error"></div>
  96. </div>
  97. <div class="btn_group">
  98. <ul>
  99. <li>
  100. <input type="hidden" name="phrType" value="oxygenSaturation">
  101. <input type="hidden" id="phrValue" name="phrValue" value="">
  102. <!-- <input type="hidden" id="phrValue2" name="phrValue2" value=""> -->
  103. <button type="submit" class="confirm"><span class="check">기록하기</span></button>
  104. </li>
  105. </ul>
  106. </div>
  107. </form>
  108. </div>
  109. </div>
  110. </body>
  111. </html>