form에 대해 빈 값 있는지 확인하기

1 2 3 4 5

<form id="test-form">     <input type="text" name="id"/>     <input type="text" name="password"/>     <input type="hidden" name="key" value="1"/> </form> Colored by Color Scripter

cs

 

위와 같이 폼을 이용해 id, password, key값을 넘기려고 할 때, 

hidden타입을 제외한 두 개의 input 태그에 대해 값을 입력했는지 jquery로 확인하고자 한다.

1 2 3 4 5 6 7 8 9 10

var is_empty = false; $('#test-form').find('input[type!="hidden"]').each(function(){     if(!$(this).val()) {         is_empty = true;     } });   if(is_empty) {     alert('값을 전부 입력하시오'); } Colored by Color Scripter

cs

id가 test-form인 요소에서 -> $('#test-form')

type이 hidden이 아닌 모든 태그에 대해 -> 요소.find('input[type!="hidden"]')

function(){}을 수행한다. -> 요소.each(function(){})

function은 type이 hidden이 아닌 모든 input태그에 대해 한 번씩 실행되게 되고

현재 수행중인 input태그의 값 -> $(this).val()

을 통해 비어있는지 확인이 가능하다.