<div id="contact-mes">
        <div class="container">
            <form name="ajax-form" id="ajax-form" action="mail-it.php" method="post">
        <div class="eight columns">
            <label for="name">Имя: *
                <span class="error" id="err-name">В видите имя</span>
            </label>
            <input name="name" id="name" type="text" />
        </div>
        <div class="eight columns">
            <label for="email">E-Mail: *
                <span class="error" id="err-email">Введите электронную почту</span>
                <span class="error" id="err-emailvld">Электронная почта не является действительным форматом</span>
            </label>
            <input name="email" id="email" type="text" />
        </div>
        <div class="sixteen columns">
            <label for="message">Ваш текст:</label>
            <textarea name="message" id="message"></textarea>
            <button class="send_message" id="send">Отправить</button>
            <div class="error" id="err-form">Существует проблема отправки, проверте формат!</div>
            <div class="error" id="err-timedout">Соединение с сервером истекло!</div>
            <div class="error" id="err-state"></div>
        </div>
            </form>
            <div id="ajaxsuccess">Письмо успешно отправлено !!!</div>   
        </div>
    </div>

<?php
// Сообщение
$message = "Line 1\nLine 2\nLine 3";

// На случай если какая-то строка письма длиннее 200 символов мы используем wordwrap()
$message = wordwrap($message, 200);

// Отправляем
mail('yalta@yalta.hol.es', 'My Subject', $message);
?>

jQuery(document).ready(function ($) { // wait until the document is ready
$('#send').click(function(){ // when the button is clicked the code executes
    $('.error').fadeOut('slow'); // reset the error messages (hides them)

    var error = false; // we will set this true if the form isn't valid

    var name = $('input#name').val(); // get the value of the input field
    if(name == "" || name == " ") {
    $('#err-name').fadeIn('slow'); // show the error message
    error = true; // change the error state to true
    }

    var email_compare = /^([a-z0-9_.-]+)@([da-z.-]+).([a-z.]{2,6})$/; // Syntax to compare against input
    var email = $('input#email').val(); // get the value of the input field
    if (email == "" || email == " ") { // check if the field is empty
    $('#err-email').fadeIn('slow'); // error - empty
    error = true;
    }else if (!email_compare.test(email)) { // if it's not empty check the format against our email_compare variable
    $('#err-emailvld').fadeIn('slow'); // error - not right format
    error = true;
    }

    if(error == true) {
    $('#err-form').slideDown('slow');
    return false;
    }

    var data_string = $('#ajax-form').serialize(); // Collect data from form

    $.ajax({
    type: "POST",
    url: $('#ajax-form').attr('action'),
    data: data_string,
    timeout: 6000,
    error: function(request,error) {
        if (error == "timeout") {
        $('#err-timedout').slideDown('slow');
        }
        else {
        $('#err-state').slideDown('slow');
        $("#err-state").html('An error occurred: ' + error + '');
        }
    },
    success: function() {
        $('#ajax-form').slideUp('slow');
        $('#ajaxsuccess').slideDown('slow');
    }
    });

    return false; // stops user browser being directed to the php file
}); // end click function
});