jQuery: how to check if form elements are not empty?

Question

Hello

i have a form, how to check if all the elements inside a form "textbox, checkbox, textarea, select, file" are not empty ??

THanks

Answer 1

You can see if any are empty like this:

$(":input").each(function() {
   if($(this).val() === "")
    alert("Empty Fields!!");
});

You can read on the :input selector here

for a more specific answer, if you only want those types, change the selector like this:

$(":text, :file, :checkbox, select, textarea").each(function() {
   if($(this).val() === "")
    alert("Empty Fields!!");
});