공부/자바스크립트 jQuery

jQuery) Submit (전송버튼)

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