본문 바로가기
공부/자바스크립트 jQuery

jQuery) Submit (전송버튼)

by Ohming 2012. 1. 30.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
폼이 signup이라는 아이디를 가지고 있으며 내부에 username이라는 아이디를 가진 이름 필드가 있다고 할 때, 이 폼에 대한 유효성 검사는 아래와 같이 할 수 있다. 3번째 줄에서는 필드가 비었는지를 확인하고, 아무런 값도 포함하지 않았다면 경고창을 보여주고, return false로 폼 전송을 중단시킨다. 만약 이 부분이 생략된다면 방문객의 이름이 입력되지 않아도 폼을 전송해 버린다.
$(document).ready(function(){
  $('#signup').submit(function(){
    if($('#username').val() == ''){
       alert('이름 필드에 값을 입력해 주세요.');
       return false;
    }
  });
});

'공부 > 자바스크립트 jQuery' 카테고리의 다른 글

jQuery) Blur, Click, Change  (2) 2012.01.30
jQuery) 폼 Focus  (0) 2012.01.30
jQuery) 폼 필드 선택자  (0) 2012.01.30
탐색 메뉴  (0) 2012.01.25
jQuery) 새 창을 여는 이벤트  (0) 2012.01.25

댓글