$().ready(function() {
  // validate the comment form when it is submitted
  $("#validationForm").validate({
      
      //the validation rules for the various fields
      rules: {
        last_name: {
          required:true
        },
        title: {
          required:true
        },
        phone: {
          required:true
        },
        email: {
          required:true
        },
        address: {
          required:true
        },
        zip: {
          required:true
        },
        city: {
          required:true
        },    
        invoice_address: {
          required:true
        },
        invoice_zip: {
          required:true
        },
        invoice_city: {
          required:true
        }
      },
      
      //the messages shown on a validation error for various fields
      messages: {
        last_name: {
          required:"Please enter your last name"
        },
        title: {
          required:"Please enter a salutation"
        },
        phone: {
          required:"Please enter your telephone number"
        },
        email: {
          required:"Please enter an email address"
        },
        address: {
          required:"Please enter your address"
        },
        zip: {
          required:"Please enter your zipcode"
        },
        city: {
          required:"Please enter a city"
        },    
        invoice_address: {
          required:"Please enter an address"
        },
        invoice_zip: {
          required:"Please enter a zipcode"
        },
        invoice_city: {
          required:"please enter a city"
        }
      },
      
      //the class for valid and invalid messages
//      success: "valid",
                        errorClass: "error",
      errorElement: "div",
      
      //the placement of the errormessages
      errorPlacement: function(error, element) {
        error.insertAfter(element);
        element.removeClass("error");
      }      
    });
    
  });
  
  
  

