dbs289
/
LifeCenter


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
							<%@ 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>
$.validator.addMethod( "rangeOxygenSaturation",  function( value, element ) {
    var result = true;
    if( value > 100 || value < 0 ) {
        result = false;
    }
    return this.optional(element) || result;
}, "산소포화도는 [0 ~ 100] 사이의 숫자만 입력해주세요" );

$( function(){
    $( "#healthForm" ).validate({
        rules : {
            oxygenSaturation : {
                floatNum : true,
                floatNumOne : true,
                rangeOxygenSaturation : true
            }
        },
        onkeyup: function( element, event ) {
//             $( "div.error-msg" ).text( "" );
            $( element ).valid();
        },
        onfocusout: function (element) {
//             $( "div.error-msg" ).text( "" );
            $( element ).valid();
        },
        errorPlacement: function(error, element) {
            $( "div.error-msg" ).empty().append( error );
        },
        submitHandler: function(form) {
            var oxygenSaturation = $.trim( $( "input[name='oxygenSaturation']" ).val() );
            
            if( oxygenSaturation.length == 0 ) {
                $( "div.error-msg" ).text( "산소포화도 % 를 입력하세요 (Please enter your oxygen saturation)" );
            } else {
                $( "#phrValue" ).val( oxygenSaturation );
                
                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">혈압/맥박수<span class="eng">blood pressure/heart rate</span></a>
                    </li>
                    <li>
                        <a href="./3" class="three active">산소포화도<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 oxygen saturation)</div>
                        <div class="input time">
                        </div>
                    </div>
                    
                    <div class="data unlink">
                        <div class="point">
                            <span>
                                <input type="number" name="oxygenSaturation" placeholder="--"> %
                            </span>
                        </div>
                    </div>
                    
                    <div class="error-msg tac mt20 error"></div>
                </div>
                
                <div class="btn_group">
                    <ul>
                        <li>
                            <input type="hidden" name="phrType" value="oxygenSaturation">
                            <input type="hidden" id="phrValue" name="phrValue" value="">
<!--                             <input type="hidden" id="phrValue2" name="phrValue2" value=""> -->
                            
                            <button type="submit" class="confirm"><span class="check">기록하기(Submit)</span></button>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
    </div>
</body>
</html>