JezK

Edit File: contact.php

<?php include "header.php"; ?>
<section class="dark-bg">
    <h1 class="text-white">Contact us </h1>
</section>

<div class="container py-5">
    <div class="row py-4">
        <div> Have any question or feedback, feel free to reach out to us. We are always available to help.</div>
    </div>
    <div class="row align-items-center">
        <div class="col-lg-6">
            <form id="contact_form">

<div class="mb-3">
                    <label for="email" class="form-label">Email</label>
                    <input type="email" class="form-control" id="email" name="email">
                    <p class="error email_error"></p>
                </div>
                <div class="mb-3">
                    <label for="phone" class="form-label">Phone Number</label>
                    <input type="text" class="form-control" id="phone" name="phone">
                    <p class="error phone_error"></p>
                </div>

<div class="mb-3">
                    <label for="message" class="form-label">Message</label>
                    <textarea class="form-control" id="message" rows="3" name="message"></textarea>
                    <p class="error message_error"></p>
                </div>

<button type="submit" class="de-btn-small d-block m-auto" onclick="return checkValidateContactForm()">Submit</button>

</form>
        </div>

</div>
<?php include "footer.php"; ?>

let name = $('#name').val();
        let email = $('#email').val();
        let phone = $('#phone').val();
        let message = $('#message').val();

let regex_email = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*\.[a-zA-Z]{2,}$/;

let phoneRegex = /^\d{10}$/;

if (name == '') {
            $('#name').focus()
            $('.name_error').html('Enter Name');
            return false
        }

if (email == '') {
            $('#email').focus()
            $('.email_error').html('Enter Name');
            return false
        }

if (!regex_email.test(email)) {
            $(".email_error").html("Please enter valid Email");
            $("#email").focus();
            return false;
        }

if (phone == '') {
            $('#phone').focus()
            $('.phone_error').html('Enter Name');
            return false
        }

if (!phoneRegex.test(phone)) {
            $('#phone').focus()
            $('.phone_error').html('Enter Valid Phone Number');
            return false
        }

if (message == '') {
            $('#message').focus()
            $('.message_error').html('Enter Message');
            return false
        }

return true;

}

$('#contact_form').submit(function(event) {
        event.preventDefault();

let formData = $('#contact_form').serialize();

$.ajax({
            url: 'App/contactUs.php',
            type: 'POST',
            data: formData,
            success: function(response) {

if (response == 1) {
                    toastr.success('Contact form submited successfully');
                } else {
                    toastr.success('Unable To Submit');
                }
            }
        })

})
</script>

https://satyadevaresidency.com/wp-sitemap-posts-post-1.xmlhttps://satyadevaresidency.com/wp-sitemap-posts-page-1.xmlhttps://satyadevaresidency.com/wp-sitemap-posts-gallery-1.xmlhttps://satyadevaresidency.com/wp-sitemap-posts-testimonial-1.xmlhttps://satyadevaresidency.com/wp-sitemap-taxonomies-category-1.xmlhttps://satyadevaresidency.com/wp-sitemap-taxonomies-post_tag-1.xmlhttps://satyadevaresidency.com/wp-sitemap-taxonomies-gallery_cat-1.xml