$(function () { "use strict"; // Form var contactForm = function () { if ($("#contactForm").length > 0) { $("#contactForm").validate({ rules: { fname: "required", lname: "required", email: { required: true, email: true, }, message: { required: true, minlength: 5, }, }, messages: { fname: "Please enter your first name", lname: "Please enter your last name", email: "Please enter a valid email address", message: "Please enter a message", }, /* submit via ajax */ submitHandler: function (form) { var $submit = $(".submitting"), waitText = "Submitting..."; $.ajax({ type: "POST", url: "php/send-email.php", data: $(form).serialize(), beforeSend: function () { $submit.css("display", "block").text(waitText); }, success: function (msg) { if (msg == "OK") { $("#form-message-warning").hide(); setTimeout(function () { $("#contactForm").fadeOut(); }, 1000); setTimeout(function () { $("#form-message-success").fadeIn(); }, 1400); } else { $("#form-message-warning").html(msg); $("#form-message-warning").fadeIn(); $submit.css("display", "none"); } }, error: function () { $("#form-message-warning").html( "Something went wrong. Please try again." ); $("#form-message-warning").fadeIn(); $submit.css("display", "none"); }, }); }, }); } }; contactForm(); });