如果任何一個輸入字段已填充，我如何驗證表單？

Question

我在JSP表單中有10個輸入字段和2個選擇框。我需要驗證該表單，如果任何一個輸入字段已填充，我需要顯示警報消息。

是否有任何可能的方式來驗證這在jQuery中？

Answer 1

試試這個

var varFilledTextboxCount = $("input[type='text']").filter(function() { 
            return this.value != ''; 
          }).length; 
if (varFilledTextboxCount > 0) 
{ 
    alert("Any textbox is filled"); 
} 

Answer 2

你可以使用下面的插件來驗證任何表單！請閱讀文檔並瞭解如何實施它。如果您遇到任何問題，請詢問。

jQuery Form Validator

Answer 3

只需使用jquery的一個簡單的代碼這一點。

var filledCount = 0; 
var inputLength = $('form').find('input').length; 
var i; 
for(i=0;i<inputLength;i++){ 
    if($(this).val()!=0){ 
    filledCount = filledCount + 1; 
    }; 
    if(filledCount>0){ 
    alert('something'); 
    break; 
    }; 
}; 

Answer 4

您可以使用CSS類valueFilled而用戶更改輸入或選擇字段。然後檢查valueFilled length是否可用。如果可用，則可以顯示警告框。

jQuery('form').on("change", "input, select", function() { 
    if('' != jQuery.trim(jQuery(this).val())){ 
     jQuery(this).addClass('valueFilled'); 
    } 
}); 

然後檢查valueFilled類長度

if(jQuery('.valueFilled').length){ 
    // Show message here 
}