입력 : 텍스트 jquery

Question

$('.search').click(function() { 
    if ($('input:text').val().length == 0) { 
     $(".fill-out").fadeIn("1400") 
    } 
}); 

$('.search').click(function() { 
    if ($('input:text').val().length >= 1) { 
     window.location.reload(true); 
    } 
}); 

그래서 제출 단추를 클릭 할 때 하나 이상의 텍스트 입력에 아무것도 없을 때 .fill-out이라는 숨겨진 클래스를 표시해야하는 jquery가 있습니다. 나는 또한 텍스트 입력의 텍스트 길이가 1보다 크거나 같을 때 버튼을 누르면 페이지를 새로 고침한다고 말하려고합니다. 두 번째 부분이 제대로 작동하지 않습니다. 텍스트 입력의 길이가 1보다 크거나 같으면 페이지를 새로 고칩니다. .fill-out 부분을 작성하는 첫 번째 비트 코드가 필요합니다. 누구든지 도와 줄 수 있습니까?

Answer 1

첫 번째 input:text 요소가있는 비어 있지 않은 값을 가지고 여부 만 테스트 ... 당신은

그것의 값이 비어 있는지 여부를 확인하기 위해 입력 필드의 목록을 반복하고 각을 확인할 필요 여부

당신은 사용할 필요가

$('.search').click(function() { 
    var valid = $('input:text').filter(function() { 
     return $.trim(this.value).length == 0 
    }).length == 0 
    if (valid) { 
     window.location.reload(true); 
    } else { 
     $(".fill-out").fadeIn("1400") 
    } 
}); 

데모 : Fiddle