|
<form id="test-form">
<input type="text" name="id"/>
<input type="text" name="password"/>
<input type="hidden" name="key" value="1"/>
</form>
|
cs |
위와 같이 폼을 이용해 id, password, key값을 넘기려고 할 때,
hidden타입을 제외한 두 개의 input 태그에 대해 값을 입력했는지 jquery로 확인하고자 한다.
|
var is_empty = false;
$('#test-form').find('input[type!="hidden"]').each(function(){
if(!$(this).val()) {
is_empty = true;
}
});
if(is_empty) {
alert('값을 전부 입력하시오');
}
|
cs |
id가 test-form인 요소에서 -> $('#test-form')
type이 hidden이 아닌 모든 태그에 대해 -> 요소.find('input[type!="hidden"]')
function(){}을 수행한다. -> 요소.each(function(){})
function은 type이 hidden이 아닌 모든 input태그에 대해 한 번씩 실행되게 되고
현재 수행중인 input태그의 값 -> $(this).val()
을 통해 비어있는지 확인이 가능하다.
