Question

I’m submitting a form with JS and I want to cancel the submit if any field is blank.

I’m getting all values with: $(reviewForm).serialize()

which returns something like:

id=2&text=aaaa&rating=2&gender=

How can I show an alert if any value in the form is blank?

Answer 1

var serialized = $(reviewForm).serialize();

if(serialized.indexOf('=&') > -1 || serialized.substr(serialized.length - 1) == '='){
   //you've got empty values
}

using jQuery, you can test it before serializing:

$(reviewForm).find('input').each(function(idx, elem){
   if($(elem).val().length == 0){
       //this field is empty
   }
});