Manager

Back Back Up Advanced Editor

$(function() {

// Get the form.

var form = $('#contact-form');

// Get the messages div.

var formMessages = $('.form-messege');

// Set up an event listener for the contact form.

$(form).submit(function(e) {

// Stop the browser from submitting the form.

e.preventDefault();

// Serialize the form data.

var formData = $(form).serialize();

// Submit the form using AJAX.

$.ajax({

type: 'POST',

url: $(form).attr('action'),

data: formData

})

.done(function(response) {

// Make sure that the formMessages div has the 'success' class.

$(formMessages).removeClass('error');

$(formMessages).addClass('success');

// Set the message text.

$(formMessages).html(response);

// Clear the form.

//$('#contact-form input,#contact-form textarea').val('');

$("#contact-form"). trigger("reset");

})

.fail(function(data) {

// Make sure that the formMessages div has the 'error' class.

$(formMessages).removeClass('success');

$(formMessages).addClass('error');

// Set the message text.

if (data.responseText !== '') {

$(formMessages).html(data.responseText);

} else {

$(formMessages).text('Oops! An error occured and your message could not be sent.');

}

});