Art of Laziness — Form Validation JS

validate.js

$(document).ready(function(){
  // invoke function when form is submit 
  $("#form-name").submit(function(e){
    // select all the input fields with form-validate class and loop over them
    $(".form-validate").each(function () {    
      // check if the the form is empty/filled with spaces
      if($(this).val().trim().length == 0){   
        // get the respective data-validation-error
        var errorMessage = $(this).attr('data-validation-error'); 
        // show the error message somehow
        alert(errorMessage); 
        // prevent the form from being submit
        e.preventDefault(); 
        // break the jQuery each loop
        return false; 
      }
    })
  });  
});