logo

  • 홈으로
  • 로그인
  • 회원가입
  • 화면축소
  • 화면확대
2017년 12월 15일
  • 출석부
  • 추천사이트
  • 공감댓글
  • 포토누리
  • 제작의뢰
  • 포트폴리오
잡다한몽상백서 메인배너
로그인
조회 수 169733 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print

<script>

function check() {

  if(fr.id.value == "") {

    alert("값을 입력해 주세요.");

    fr.id.focus();

    return false;

  }

  else if(fr.pw.value == "") {

    alert("값을 입력해 주세요.");

    fr.pw.focus();

    return false;

  }

  else return true;

}

</script>

 

<form name="fr" onsubmit="return check()">

<input type="text" name="id">

<input type="text" name="pw">

<input type="submit">

</form>

 

설명 :

submit버튼을 누르면 onsubmit이 실행되어

check함수가 실행되고

check함수의 return 값이 true일 경우에만 폼을 전송합니다.

 

onsubmit 이벤트 속성에 들어가는 함수는 반드시

전송해야 할 경우 true를 반환하고

하지말아야 할 경우 false를 반환하는 형식이어야 합니다.

 

출처 : http://yeom7707.blog.me/90013016215

?
  • profile
    똑띠 2010.09.30 00:14

    onsubmit 을 활용한 폼체크방법이 되겠네요.


List of Articles
번호 제목 글쓴이 날짜 조회 수
62 [자료] 스파이더 - 검색엔진에 추가시 주의점 4 언더꿈 2007.07.13 373894
61 함수를 이용한 div 출력 1 똑띠 2007.11.23 208044
60 input 타입에 숫자만 입력받기 똑띠 2009.04.13 206772
59 input type=text 에서 엔터 눌렀을때 submit 실행 똑띠 2009.06.22 193494
» 폼체크 (submit 이전에 체크후 넘김) 1 똑띠 2010.09.30 169733
57 INPUT 을 다양하게 표현하기 똑띠 2006.08.25 165100
56 input 에 배경으로 글자입력하고 클릭시 사라지는 기능 똑띠 2011.08.01 164931
55 onmouseOver 시 이미지 변경 똑띠 2009.07.18 146078
54 div , class에 대한 개념정의 file 똑띠 2006.09.18 145326
53 홈페이지에 팝업창달기 1 똑띠 2007.12.08 145303
52 울트라 에디터에서 파일 탭이 사라졌을 경우.. file 똑띠 2007.07.19 135761
51 input box 배경처리 똑띠 2008.10.28 135455
50 select form 에서 submit 버튼 클릭시 사이트 이동 똑띠 2013.04.26 135420
49 라디오 버튼 체크 여부 확인 하기 1 똑띠 2009.12.14 126863
48 구글 검색엔진에 자신의 홈페이지 등록하기. 똑띠 2007.08.08 118776
47 form문에서 submit 시 action 처리 window.open 으로 하기 3 똑띠 2013.01.04 111697
46 간단하고 효과좋은 홈페이지 제작팁 똑띠 2006.08.25 111110
45 마우스 오버시 이미지 바꾸기 1 똑띠 2008.07.02 111028
44 한줄짜리 웹소스 똑띠 2006.08.25 110457
43 스타일시트 예제 - 스크롤바를 사이트분위기에 맞게 수정하기 똑띠 2006.08.25 109553
목록
Board Pagination ‹ Prev 1 2 3 4 Next ›
/ 4

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

  • Designed by jobdahan.net