Question

I am wanting to check if input fields have the attribute required. If these fields have an empty value, and also have the attribute required, append an error div after each field. I got a little stumped when it comes to using the selector

 // initialize validator for a bunch of input fields
 var inputs = $("#Contact :input")

 // Check all required fields
 if (inputs.attr("required") && inputs.val() === "") {
    var invalidFields = Select all fields that have the attribute required and an empty value, and assign them a class
     alert("Required Fields not completed"); 
 }

Answer 1

try something like this it should add class to all inputs that meet the criteria

  $("#Contact :input").each(function(){
         if ($(this).attr("required") && $(this).val() === "") 
         {
        $(this).addClass("req");

         }
      });