https://alecs3piecesuites.co.uk/blog/wp-content/themes/alecs/js/request-form.js

1// JavaScript Document
2$(document).ready(function() {
3
4    "use strict";
5    
6    $(".request-form").submit(function(e) {
7        e.preventDefault();
8        var name = $(".name");
9        var email = $(".email");
10        var flag = false;
11        if (name.val() == "") {
12            name.closest(".form-control").addClass("error");
13            name.focus();
14            flag = false;
15            return false;
16        } else {
17            name.closest(".form-control").removeClass("error").addClass("success");
18        } if (email.val() == "") {
19            email.closest(".form-control").addClass("error");
20            email.focus();
21            flag = false;
22            return false;
23        } else {
24            email.closest(".form-control").removeClass("error").addClass("success");
25            flag = true;
26        }
27        var dataString = "name=" + name.val() + "&email=" + email.val();
28        $(".loading").fadeIn("slow").html("Loading...");
29        $.ajax({
30            type: "POST",
31            data: dataString,
32            url: "php/requestForm.php",
33            cache: false,
34            success: function (d) {
35                $(".form-control").removeClass("success");
36					if(d == 'success') // Message Sent? Show the 'Thank You' message and hide the form
37						$('.loading').fadeIn('slow').html('<font color="#48af4b">Mail sent Successfully.</font>').delay(3000).fadeOut('slow');
38					else
39						$('.loading').fadeIn('slow').html('<font color="#ff5607">Mail not sent.</font>').delay(3000).fadeOut('slow');
40                        document.requestform.reset(); 
41								  }
42        });
43        return false;
44    });
45
46    $("#reset").on('click', function() {
47        $(".form-control").removeClass("success").removeClass("error");
48    });
49
50    /*----------------------------------------------------*/
51    /*  Request Form Validation
52    /*----------------------------------------------------*/
53    
54    $(".request-form").validate({
55        rules:{ 
56                name:{
57                    required: true,
58                    minlength: 2,
59                    maxlength: 16,
60                },
61                email:{
62                    required: true,
63                    email: true,
64                    }
65                },
66                messages:{
67                        name:{
68                            required: "Please enter no less than (2) characters"
69                        }, 
70                        email:{
71                            required: "We need your email address to contact you",
72                            email: "Your email address must be in the format of [email protected]"
73                        }, 
74                    }
75    });
76})
77
78
79