달력을 입력안하고 글쓰기를 눌렀을때 에러가 나오고있습니다. 채택완료
갱쿤
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개
답변을 작성하려면 로그인이 필요합니다.
로그인
밑에 코드에서 "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]