https://616kabobstop.com/assets/js/contact-form.js

1// JavaScript Document
2$(document).ready(function() {
3
4    "use strict";
5
6    $(".contact-form").submit(function(e) {
7        e.preventDefault();
8        var name = $(".name");
9        var email = $(".email");
10        var subject = $(".subject");
11        var msg = $(".message");
12        var flag = false;
13        if (name.val() == "") {
14            name.closest(".form-control").addClass("error");
15            name.focus();
16            flag = false;
17            return false;
18        } else {
19            name.closest(".form-control").removeClass("error").addClass("success");
20        } if (email.val() == "") {
21            email.closest(".form-control").addClass("error");
22            email.focus();
23            flag = false;
24            return false;
25        } else {
26            email.closest(".form-control").removeClass("error").addClass("success");
27        } if (msg.val() == "") {
28            msg.closest(".form-control").addClass("error");
29            msg.focus();
30            flag = false;
31            return false;
32        } else {
33            msg.closest(".form-control").removeClass("error").addClass("success");
34            flag = true;
35        }
36        var dataString = "name=" + name.val() + "&email=" + email.val() + "&subject=" + subject.val() + "&msg=" + msg.val();
37        $(".loading").fadeIn("slow").html("Loading...");
38        $.ajax({

39            type: "POST",
40            data: dataString,
41            url: "php/contactForm.php",
42            cache: false,
43            success: function (d) {
44                $(".form-control").removeClass("success");
45                    if(d == 'success') // Message Sent? Show the 'Thank You' message and hide the form
46                        $('.loading').fadeIn('slow').html('<font color="#48af4b">Mail sent Successfully.</font>').delay(3000).fadeOut('slow');
47                         else
48                        $('.loading').fadeIn('slow').html('<font color="#ff5607">Mail not sent.</font>').delay(3000).fadeOut('slow');
49                                }
50        });
51        return false;
52    });
53    $("#reset").on('click', function() {
54        $(".form-control").removeClass("success").removeClass("error");
55    });
56    
57})
58
59
60