2017-04-23 1 views
0
<input type='text' class='inputx'> 
<input type='text' class='inputx'> 
<input type='text' class='inputx'> 
... 20 inputs. 

비어 있는지 확인해야합니다.많은 입력이 비어 있는지 확인하고 단일 경고를받습니다.

$('.inputx').each(function(){ 
     if ($(this).val() == '') {console.log('empty');} 
    }); 

그러나 empty은 20 번 작성되었습니다.
inputx이 비어있는 경우 어떻게 하나의 콘솔 쓰기 만 할 수 있습니까?

var emptyElements = $('.inputx').filter(function(){ 
    return $(this).val() == '') 
}); 

if(emptyElements.length) console.log("Empty elements found!"); 

아니면 루프에 대한 간단한 사용하여 최적화 수

var elems = $('.inputx') 
for(var x = 0; x < elems.length; i++){ 
if(elems.get(x).value.length == 0) break; 
} 

if(--x != elems.length) console.log("Empty elements found!"); 
+0

모든 입력에'required '를 추가하면 * 실제 * 문제를 해결할 수있는 좋은 기회가 있습니다. – JJJ

답변

1

, 값 ATTR 선택

if ($("input:text.inputX[value!='']").length >0) { 
    // empty elements found 
    } 
+0

감사합니다. jquery는'inputx empty ... '와 같은 함수를 가져야한다고 생각합니다. – bonaca

+0

@bonaca 예. 하지만 불행히도 그런 것은 없습니다. 도와 줘서 기뻐요! :-) –

0

당신은 시도 할 수 있습니다 당신은 filter를 사용하여 처리 할 수 ​​

+0

': empty'는 값을 검사하지 않을 것이라고 생각합니다. –

+0

@RajaprabhuAravindasamy 예. 가치 attr 지금 노력하고 :) –

관련 문제