https://bikegps.app/js/comment-form.js

1// JavaScript Document
2$(document).ready(function() {
3
4    "use strict";
5
6    $(".comment-form").submit(function(e) {
7        e.preventDefault();
8        var name = $(".name");
9        var email = $(".email");
10        var msg = $(".message");
11        var flag = false;
12        if (name.val() == "") {
13            name.closest(".form-control").addClass("error");
14            name.focus();
15            flag = false;
16            return false;
17        } else {
18            name.closest(".form-control").removeClass("error").addClass("success");
19        } if (email.val() == "") {
20            email.closest(".form-control").addClass("error");
21            email.focus();
22            flag = false;
23            return false;
24        } else {
25            email.closest(".form-control").removeClass("error").addClass("success");
26        } if (msg.val() == "") {
27            msg.closest(".form-control").addClass("error");
28            msg.focus();
29            flag = false;
30            return false;
31        } else {
32            msg.closest(".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/commentForm.php",
41            cache: false,
42            success: function (d) {
43                $(".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
47     else
48     $('.loading').fadeIn('slow').html('<font color="#ff5607">Mail not sent.</font>').delay(3000).fadeOut('slow');
49
50            }
51        });
52        return false;
53    });
54    $("#reset").on('click', function() {
55        $(".form-control").removeClass("success").removeClass("error");
56    });
57    
58})
59
60
61