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?

Accepted Answer

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

Solution