2016-01-21 126 views
-1

我有一個表單,我需要檢查某些字段是否有內容,但是這些字段不會同時顯示。如何檢查顯示的div中的字段是否爲空,並忽略那些不顯示的字段。如何檢查顯示的輸入字段是否爲空?

這裏是的jsfiddle https://jsfiddle.net/v6snz8k6/3/ - 我指的是processStep3()

function processStep3() { 
    var measures = $('.meausres').length; 
    if (measures > 0) { 
     alert ("yes"); 
    } else { 
     alert ("no"); 
    } 
} 
+0

什麼是你的HTML,什麼是你的JavaScript或jQuery來顯示/隱藏元素?你自己的嘗試失敗了嗎?請參閱「[mcve]」指南,在您的問題中發佈相關代碼,不要鏈接到它,並期望我們跟隨您。順便說一句,你似乎在選擇器'.meausres'而不是'.measures'中輸入錯誤。 –

+0

所有的代碼都在jsfiddle中。 – ChriChri

+0

然而,它*應該* *在你的問題*。 –

回答

0

您至少有3個問題:

  1. 你有一個錯誤的類名MEAUSRES當我想你想使用措施。
  2. $('。measures')。length < - 將獲得.measures元素的數量而不是內容的長度。
  3. 您需要遍歷所有的可見元素只有在選擇:visible.each

嘗試這樣的:

function processStep3() { 
    var flagEmpty = false; 
    $('.measures:visible').each(function(){ 
     if($(this).val()=="") flagEmpty = true; 
    }); 
    if (!flagEmpty) { 
     alert ("OK! there's no empty inputs"); 
    } else { 
     alert ("oops! there's empty inputs"); 
    } 
}