dbs289
/
LifeCenter


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
							<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
<script type="text/javascript" src="/resources/js/mobile/health.js"></script>
<script>
$( function(){
    $( "#healthForm" ).validate({
        rules : {
            pulseRate : {
                floatNum : true
            },
            bloodPressure : {
                floatNum : true
            },
            bloodPressure2 : {
                floatNum : true
            }
        },
        onkeyup: function( element, event ) {
            $( "div.error-msg" ).text( "" );
        },
        onfocusout: function (element) {
            $( "div.error-msg" ).text( "" );
        },
        errorPlacement: function(error, element) {
            $( "div.error-msg" ).empty().append( error );
        },
        submitHandler: function(form) {
            //맥박수
            var pulseRate = $.trim( $( "input[name='pulseRate']" ).val() );
            
            //혈압
            var bloodPressure = $.trim( $( "input[name='bloodPressure']" ).val() );
            var bloodPressure2 = $.trim( $( "input[name='bloodPressure2']" ).val() );
            
            //혈압
            if( pulseRate.length == 0 ) {
                $( "div.error-msg" ).text( "맥박수를 입력해주세요 (Please enter your heart rate)" );
            } else if( bloodPressure.length == 0 ) {
                $( "div.error-msg" ).text( "수축기 혈압을 입력해주세요 (Please enter your systolic blood pressure)" );
            } else if( bloodPressure2.length == 0 ) {
                $( "div.error-msg" ).text( "이완기 혈압을  입력해주세요  (Please enter your diastole blood pressure)" );
            } else {
                $( "#phrValue" ).val( pulseRate );
                $( "#phrValueAnother" ).val( bloodPressure );
                $( "#phrValueAnother2" ).val( bloodPressure2 );
                form.submit();
            }
        }
    });
})
</script>
</head>
<body>
    <div id="sub">
        <div class="container">
            <div class="header">
                <div class="previous">
                    <a href="/mobile/menu">이전</a>
                </div>
                <div class="title">건강정보기록</div>
            </div>
            <div class="device_tab">
                <ul>
                    <li>
                        <a href="./1" class="one">체온<span class="eng">body temperature</span></a>
                    </li>
                    <li>
                        <a href="./2" class="two active">맥박수/혈압<span class="eng">heart rate/blood pressure</span></a>
                    </li>
                    <li>
                        <a href="./3" class="three">산소포화도<span class="eng">oxygen</span></a>
                    </li>
                    <li>
                        <a href="./4" class="four">혈당<span class="eng">blood sugar</span></a>
                    </li>
                    <li>
                        <a href="./5" class="five">임상증상<span class="eng">symptom</span></a>
                    </li>
                </ul>
            </div>
            
            <form id="healthForm" method="post" action="./insert">
                <div class="health">
                    <div class="part">
                        <div class="title">날짜(Date)</div>
                        <div class="input day">
<!--                             <a href="javascript:;" data-popup-open="popup-calendar">d</a> -->
                            <input type="text" class="datePicker form-control" placeholder="현재 날짜" readonly>
                        </div>
                    </div>
                    <div class="part">
                        <div class="title">측정시간(Time)</div>
                        <div class="input time">
<!--                             <a href="javascript:;" data-popup-open="popup-time">d</a> -->
                            <input type="text" class="timePicker" placeholder="현재 시간" readonly>
                        </div>
                    </div>
                    
                    <div class="part tac mt30">
                        <div class="title">맥박수와 혈압을 입력해주세요</div>
                        <div class="title">(Please enter your heart rate and blood pressure)</div>
                        <div class="input time">
                        </div>
                    </div>
                    
                    <div class="data link">
                        <div class="point">
                            <div style="font-size:13px;color:#8EB8FF;font-weight:600;">맥박수 (heart rate)</div>
                            <input type="text" name="pulseRate" placeholder="--"><span class="mini">bpm</span>
                        </div>
                        
                        <div class="table">
                            <table>
                                <thead>
                                    <tr>
                                        <th>수축기 혈압 (Systolic)</th>
                                        <th>이완기 혈압 (diastole)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><input type="text" name="bloodPressure" placeholder="--"><span class="mini">mmHg</span></td>
                                        <td><input type="text" name="bloodPressure2" placeholder="--"><span class="mini">mmHg</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    
                    <div class="error-msg tac mt20 error"></div>
                </div>
                
                <div class="btn_group">
                    <ul>
                        <li>
                            <input type="hidden" name="phrType" value="pulseRate">
                            <input type="hidden" id="phrValue" name="phrValue" value="">
                            <input type="hidden" id="phrValue2" name="phrValue2" value="">
                            
                            <input type="hidden" name="phrTypeAnother" value="bloodPressure">
                            <input type="hidden" id="phrValueAnother" name="phrValueAnother" value="">
                            <input type="hidden" id="phrValueAnother2" name="phrValueAnother2" value="">
                            
                            <button type="submit" class="confirm"><span class="check">기록하기(Submit)</span></button>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
    </div>
</body>
</html>