https://www.maniapuzzle.com/js/quick-form.js

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

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