輸入：文字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); 
    } 
}); 

所以我有一些jquery應該顯示一個隱藏的類，當你點擊一個提交按鈕時沒有任何東西在一個或多個文本輸入中，稱爲.fill-out。我也試圖說當文本輸入中的文本長度大於或等於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