How to check if all inputs are not empty with jQuery

Question

I need to validate a form with jQuery. I can check all my inputs one by one, but it's not a very practical solution.

How can i check if all my inputs are non-empty more efficiently? In my form i can have input elements of different types: text, several groups of radio, select etc.

Answer 1

Just use:

$("input:empty").length == 0; 

If it's zero, none are empty.

To be a bit smarter though and also filter out items with just spaces in, you could do:

$("input").filter(function () {     return $.trim($(this).val()).length == 0 }).length == 0; 

Answer 2

Use each:

var isValid; $("input").each(function() {    var element = $(this);    if (element.val() == "") {        isValid = false;    } }); 

However you probably will be better off using something like jQuery validate which IMO is cleaner.