테스트 사이트 - 개발 중인 베타 버전입니다

달력을 입력안하고 글쓰기를 눌렀을때 에러가 나오고있습니다. 채택완료

갱쿤 8년 전 조회 3,975


 

 

 

달력에 입력값이 없을때 required를 적용해서 쓰게 하려고했는데

 

이미지와 같이 경고창이나오면서 달력 입력이 안되내요.

 

전체적인 소스를 다올리지못해서 불편하시겠지만 눈짐작?;;; 으로 오류 사항 확인해주실분이 계신가요 ^^;;

 

</p><p><label for="datepicker_from"></p><p style="margin-left: 40px;"><img src="<?php echo $board_skin_url ?>/img/calender2.png" class="day_icon_img"/></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><input type="text" name="wr_4" class="frm_input day_input_st1" size="16" required  readonly id="datepicker_from" value="<?php echo $write["wr_4"]; ?>"></p><p><span style="font-size: 11pt;"></label></span></p><p>

 

 

-- 상단 적용 스크립트 및 인클루드 --

 

</p><p><span style="font-size: 14.6667px;"><?php include_once(G5_PLUGIN_PATH.'/jquery-ui/datepicker.php'); ?> </span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><script> </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span>$(function(){ </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>$("#datepicker_from, #datepicker_to").datepicker({ </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>changeMonth: true, </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>changeYear: true, </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>dateFormat: "yy. mm. dd", </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>showButtonPanel: true, </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>yearRange: "c-99:c+99", </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">			</span>maxDate: "+365d" </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">		</span>}); </span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre">	</span>}); </span></p><p><span style="font-size: 14.6667px;"></script> </span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><script></span></p><p><span style="font-size: 14.6667px;">    //본 예제에서는 도로명 주소 표기 방식에 대한 법령에 따라, 내려오는 데이터를 조합하여 올바른 주소를 구성하는 방법을 설명합니다.</span></p><p><span style="font-size: 14.6667px;">    function openDaumPostcode() {</span></p><p><span style="font-size: 14.6667px;">        new daum.Postcode({</span></p><p><span style="font-size: 14.6667px;">            oncomplete: function(data) {</span></p><p><span style="font-size: 14.6667px;">                // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분.</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">                // 도로명 주소의 노출 규칙에 따라 주소를 조합한다.</span></p><p><span style="font-size: 14.6667px;">                // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.</span></p><p><span style="font-size: 14.6667px;">                var fullRoadAddr = data.roadAddress; // 도로명 주소 변수</span></p><p><span style="font-size: 14.6667px;">                var extraRoadAddr = ''; // 도로명 조합형 주소 변수</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">                // 법정동명이 있을 경우 추가한다. (법정리는 제외)</span></p><p><span style="font-size: 14.6667px;">                // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.</span></p><p><span style="font-size: 14.6667px;">                if(data.bname !== '' && /[동|로|가]$/g.test(data.bname)){</span></p><p><span style="font-size: 14.6667px;">                    extraRoadAddr += data.bname;</span></p><p><span style="font-size: 14.6667px;">                }</span></p><p><span style="font-size: 14.6667px;">                // 건물명이 있고, 공동주택일 경우 추가한다.</span></p><p><span style="font-size: 14.6667px;">                if(data.buildingName !== '' && data.apartment === 'Y'){</span></p><p><span style="font-size: 14.6667px;">                   extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);</span></p><p><span style="font-size: 14.6667px;">                }</span></p><p><span style="font-size: 14.6667px;">                // 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.</span></p><p><span style="font-size: 14.6667px;">                if(extraRoadAddr !== ''){</span></p><p><span style="font-size: 14.6667px;">                    extraRoadAddr = ' (' + extraRoadAddr + ')';</span></p><p><span style="font-size: 14.6667px;">                }</span></p><p><span style="font-size: 14.6667px;">                // 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다.</span></p><p><span style="font-size: 14.6667px;">                if(fullRoadAddr !== ''){</span></p><p><span style="font-size: 14.6667px;">                    fullRoadAddr += extraRoadAddr;</span></p><p><span style="font-size: 14.6667px;">                }</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">                // 우편번호와 주소 정보를 해당 필드에 넣는다.</span></p><p><span style="font-size: 14.6667px;">                document.getElementById('sample4_postcode').value = data.zonecode; //5자리 새우편번호 사용</span></p><p><span style="font-size: 14.6667px;">                document.getElementById('addr').value = fullRoadAddr;</span></p><p><span style="font-size: 14.6667px;">                document.getElementById('sample4_jibunAddress').value = data.jibunAddress;</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">                // 사용자가 '선택 안함'을 클릭한 경우, 예상 주소라는 표시를 해준다.</span></p><p><span style="font-size: 14.6667px;">                if(data.autoRoadAddress) {</span></p><p><span style="font-size: 14.6667px;">                    //예상되는 도로명 주소에 조합형 주소를 추가한다.</span></p><p><span style="font-size: 14.6667px;">                    var expRoadAddr = data.autoRoadAddress + extraRoadAddr;</span></p><p><span style="font-size: 14.6667px;">                    document.getElementById('guide').innerHTML = '(예상 도로명 주소 : ' + expRoadAddr + ')';</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">                } else if(data.autoJibunAddress) {</span></p><p><span style="font-size: 14.6667px;">                    var expJibunAddr = data.autoJibunAddress;</span></p><p><span style="font-size: 14.6667px;">                    document.getElementById('guide').innerHTML = '(예상 지번 주소 : ' + expJibunAddr + ')';</span></p><p><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">                } else {</span></p><p><span style="font-size: 14.6667px;">                    document.getElementById('guide').innerHTML = '';</span></p><p><span style="font-size: 14.6667px;">                }</span></p><p><span style="font-size: 14.6667px;">            }</span></p><p><span style="font-size: 14.6667px;">        }).open();</span></p><p><span style="font-size: 14.6667px;">    }</span></p><p><span style="font-size: 14.6667px;"></script></span></p><div>
</div><p style="font-size: 14.6667px;">

 

 

 

 

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
사바이캅

datepicker_to 도 존재하나요? 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

갱쿤
8년 전
예리하시내요 소스 다읽어주셧다니 정말 감동이에요!!!

밑에 코드에서 "readonly"을 빼니까 문재사항이 해결되었습니다.

감사합니다 ^^

[code]
<label for="datepicker_from">
<img src="<?php echo $board_skin_url ?>/img/calender2.png" class="day_icon_img"/>
<input type="text" name="wr_4" class="frm_input day_input_st1" size="16" required readonly id="datepicker_from" value="<?php echo $write["wr_4"]; ?>">
</label>

[/code]

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인