$(document).ready( function() {
  
  /***************************
   * realtime form validatie *
   ***************************/
  $("#form_contact").validate({
		rules: {
			name : {
			  required  : true,
			  minlength : 2
			},
      email : {
        required  : true,
        email     : true
      },
      tel : {
        required  : true,
        minlength : 10,
        maxlength : 10
      }      
		},
		messages: {
			name    : {
			  required  : "Achternaam verplicht",
			  minlength : jQuery.format("Tenminste {0} karakters vereist!")
			},
			email       : {
			  required  : "Email verplicht",
			  email     : "Email niet juist"
			},
			firstname       : {
			  required  : "Voornaam verplicht"
			},
			tel       : {
			  required  : "Telefoonnummer verplicht",
			  minlength : jQuery.format("Tenminste {0} karakters vereist!"),
			  maxlength : jQuery.format("Maximaal {0} karakters!")
			}
    },
    errorClass    : "error",
    validClass    : "valid",
   // wrapper       : "span"
  });
});