How to check if form elements are not empty?

Question

How can I check if all the elements inside a form "textbox, checkbox, textarea, select, file" are not empty?

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!!"); });