logo

  • 홈으로
  • 로그인
  • 회원가입
  • 화면축소
  • 화면확대
2017년 11월 19일
  • 출석부
  • 추천사이트
  • 공감댓글
  • 포토누리
  • 제작의뢰
  • 포트폴리오
잡다한몽상백서 메인배너
로그인
조회 수 169269 추천 수 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 이미지를 새창으로 띄우기 똑띠 2017.10.27 6
61 input 타입에 숫자만 입력 받기 똑띠 2017.08.24 130
60 iframe에 타켓주기 똑띠 2017.08.14 91
59 스크롤 페이지 이동 똑띠 2017.02.11 150
58 input 입력값 자동 더하기 똑띠 2016.05.13 1327
57 confirm 창 활용 똑띠 2016.01.20 411
56 select form 에서 submit 버튼 클릭시 사이트 이동 똑띠 2013.04.26 135407
55 form문에서 submit 시 action 처리 window.open 으로 하기 3 똑띠 2013.01.04 111277
54 iframe 배경 투명하게 처리하기 똑띠 2012.11.05 66468
53 함수호출, 조건별 처리 똑띠 2012.09.04 70169
52 check박스 체크 여부 확인하기 똑띠 2012.06.07 82418
51 웹접근성을 해치지 않으면서 자바스크립트 사용하기 똑띠 2012.01.12 68220
50 특정태그 제거 똑띠 2011.10.14 77298
49 크로스 사이트 스크립트 1 똑띠 2011.09.02 93575
48 좌측 숨김 슬라이드메뉴 file 똑띠 2011.08.19 70495
47 input 에 배경으로 글자입력하고 클릭시 사라지는 기능 똑띠 2011.08.01 164916
46 접속시 배경이미지 랜덤으로 보여주기 똑띠 2011.07.26 70991
45 지금 보고 있는 웹페이지를 닫을지를 묻는 창이 안뜨도록 하는 소스 1 똑띠 2011.04.12 95487
44 웹페이지 프린트 스크립트 똑띠 2011.03.21 71429
» 폼체크 (submit 이전에 체크후 넘김) 1 똑띠 2010.09.30 169269
목록
Board Pagination ‹ Prev 1 2 3 4 Next ›
/ 4

나눔글꼴 설치 안내


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

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

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

  • Designed by jobdahan.net