$(function(){ 
    
    jQuery.validator.messages.required = "";
    jQuery.validator.messages.email = "";
    jQuery.validator.messages.samemail = "";
    jQuery.validator.messages.max = "";
    jQuery.validator.messages.equalTo = "";
    jQuery.validator.messages.minlength = "";
    jQuery.validator.messages.maxlength = "";
    jQuery.validator.messages.combo = "";
  
  var validator = $("#contact_form").validate({
        errorElement: "span",
        debug: true, 
      rules: {
            name: {
                required:true
            },
            mail: {
                required:true,
                email:true
            },
            subject: {
                required:true
            },
            message: {
                required:true
            }
        },
        
        invalidHandler: function(e, validator) {
                var errors = validator.numberOfInvalids();
                validator.hideErrors();
        },
        
        submitHandler: function(form) {
            $.ajax({
                type: 'POST', 
                url: base_url + 'sendContactData', 
                data: {
                    name : $('#name').val(),
                    mail    : $('#mail').val(),
                    subject    : $('#subject').val(),  
                    message    : $('#message').val()  
                    }, 
                success: function(msg){
                    if (msg == 'ok'){
                        $('#name').val('');
                        $('#mail').val('');
                        $('#subject').val('');
                        $('#message').val('');
                        
                        $('#message_outcome_ok').hide();
                        $('#message_outcome_ko').hide();
                        $('#message_outcome_ok').show();
                         
                    } else {
                        $('#message_outcome_ok').hide();
                        $('#message_outcome_ko').hide();
                        $('#message_outcome_ko').show();
                    }
                }
            });
        }
  });
          
});