공부/자바스크립트 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; } }); }); |