본문으로 바로가기

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

category Front-End/jQuery 2018. 9. 17. 21:07
반응형
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>
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('값을 전부 입력하시오');
}
cs


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


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


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


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


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


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

반응형