이전
목록
다음
해피정

input 유효성 검증할때 select 항목은 어떤 방법을 사용하시나요? 제 방법이 IE 7,8에서 오류가

해피정
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2013-02-28 (목) 22:28:27 · 4358 · 2
아래는 Input 값의 미입력 체크 확인하는 방법입니다.

select 항목에 대한 미선택시 그것을 선택하도록 합니다.
Internet Explore 9, 10에서는 이상없이 작동합니다.
파이어폭스, 크롬 에서도 이상없이 작동합니다.

문제는 Internet Explore 7,8 에서는 선택한것을 인지하지 못한다는 거...
이것을 해결하는 방법은 무엇이 있을까요?

여러분은 select 항목을 선택하지 않은경우 그것을 선택하도록 어떤 로직을 활용하시나요?

<script type="text/javascript">
<!--
  function input_check() {
    var f = document.fwrite;  // 본문 form에서의 name 값으로 수정
    if(f.bo_subject.value == "") {
      alert("제목을 입력하셔야 합니다.");
      f.bo_subject.focus();
      return false;
    }
    fieldlist = [["bo_option","옵션"]];
    for (i=0; i < fieldlist.length; i++) {
      if (eval("fwrite." + fieldlist[i][0] + ".value") == "") {
        alert(fieldlist[i][1] + "을 선택해주세요.");
        eval("fwrite." + fieldlist[i][0]).focus();
        return false;
      }
    }
  }
//-->
</script>

<form action="ok.asp" method="post" name="fwrite" onSubmit="return input_check()">
제목 : <input name="bo_subject" type="text" value="">
옵션 : <select name="bo_option">
        <option name=''></option>
        <option name='옵션1'>옵션1</option>
        <option name='옵션2'>옵션2</option>
        <option name='옵션3'>옵션3</option>
      </select>
<input type="image" src="write.gif" border="0" />
</form>
#개발자톡 #개발자
글쓰기

댓글 2개

심플이즈
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-03-02 (토) 14:58:10
<script type="text/javascript">
<!--
function input_check() {
var f = document.fwrite; // 본문 form에서의 name 값으로 수정
if(f.bo_subject.value == "") {
alert("제목을 입력하셔야 합니다.");
f.bo_subject.focus();
return false;
}

if (document.getElementById('bo_option').selectedIndex == 0) {
alert("옵션을 선택해주세요.");
return false;
}

}
//-->
</script>


-- 일반적으로 폼유효성 체크 js라이브러리를 사용요..^^;
해피정
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-03-03 (일) 15:37:27
답변감사합니다. 에궁.. 유효성 점검이 안되네요..
IE 7 성공적으로 확인되었지만...
IE 8, IE 9, IE 10, FF 오류가 나는군요... -_-;;
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13-07-14 조회 5,482
13-07-14 조회 5,446
13-07-14 조회 4,755
13-07-14 조회 4,347
13-07-14 조회 4,213
13-07-14 조회 4,266
13-07-14 조회 4,998
13-07-14 조회 4,709
13-07-14 조회 4,415
13-07-14 조회 5,461
13-07-14 조회 5,353
13-07-14 조회 5,118
13-07-14 조회 4,853
13-07-14 조회 5,534
13-07-13 조회 3,794
13-07-01 조회 5,810
13-07-01 조회 5,889
13-07-01 조회 3,986
13-07-01 조회 5,494
13-05-27 조회 4,055
13-05-21 조회 5,111
13-05-02 조회 1만
13-04-29 조회 5,283
13-04-15 조회 5,525
13-04-13 조회 6,463
13-02-27 조회 4,179
13-02-26 조회 6,557
13-02-12 조회 5,327
13-02-01 조회 2.4만
13-01-23 조회 3,604
13-01-09 조회 8,094
13-01-07 조회 5,006
13-01-07 조회 3,749
13-01-04 조회 1.3만
13-01-03 조회 1.2만
12-12-31 조회 6,452
12-12-27 조회 4,582
12-12-27 조회 4,271
12-12-27 조회 8,946
12-12-18 조회 3,760
12-12-12 조회 3,799
12-12-12 조회 6,819
12-12-12 조회 8,236
12-12-05 조회 5,536
12-12-01 조회 6,845
12-11-22 조회 4,774
12-11-09 조회 5,609
12-11-09 조회 7,658
12-10-29 조회 4,876
12-10-16 조회 6,410
12-10-09 조회 5,503
12-09-02 조회 4,602
12-09-01 조회 3,710
12-08-30 조회 4,375
12-08-30 조회 4,379
12-08-28 조회 3,714
12-08-21 조회 7,273
12-08-20 조회 3,803
12-08-18 조회 5,217
12-08-18 조회 3,586
12-08-11 조회 3,743
12-08-09 조회 3,911
12-08-07 조회 3,889
12-08-07 조회 4,472
12-08-01 조회 4,736
12-08-01 조회 4,621
12-07-20 조회 9,984
12-07-17 조회 4,336
12-07-15 조회 4,106
12-07-10 조회 4,372
12-07-09 조회 7,090
12-07-05 조회 3,425
12-07-04 조회 3,558
12-06-30 조회 5,812
12-06-28 조회 3,902
12-06-20 조회 4,075
12-06-16 조회 3,371
12-06-14 조회 4,022
12-06-07 조회 4,044
12-06-06 조회 6,401
12-05-27 조회 4,620
12-05-25 조회 3,365
12-05-25 조회 3,204
12-05-24 조회 3,297
12-05-24 조회 4,647
12-05-23 조회 4,069
12-05-22 조회 6,644
12-05-15 조회 4,161
12-05-15 조회 3,718
12-05-14 조회 3,155
12-05-12 조회 3,615
12-05-11 조회 7,106
12-05-07 조회 4,552
12-04-28 조회 3,742
12-04-25 조회 5,393
12-04-15 조회 3,976
12-04-12 조회 4,824
12-04-11 조회 3,583
12-04-08 조회 3,434
12-03-21 조회 6,484
글쓰기