JSFiddle - React, Tailwind, and code Playground

by MrTest

JavaScript

// JavaScript Document
$(document).ready(function() {



    /* ContactForm Validation */
    if ($(".contact-form-wrapper").length > 0) {

        $("#contact-form").validate({
            errorClass: "error",
            validClass: "success",
            rules: {
                name: "required",
                               email: {
                    required: true,
                    email: true
                },
                enquiry: {
                    required: true,
                    minlength: 5
                }
            },
            errorPlacement: function(error, element) {
                offset = element.offset();
                error.insertBefore(element)

            },

            submitHandler: function() {

                var ContactName = $('#contact-name').val();
                var ContactSurname = $('#contact-surname').val();
                var ContactPhone = $('#contact-phone').val();
                var ContactEmail = $('#contact-email').val();
                var ContactEnquiry = $('#contact-enquiry').val();
                var ContactSource = $('#contact-source').val();
                var ContactCompany = $('#company-name').val();

                $.get("http://dev.webiq.co/ag/wp-content/themes/appliedgroup/inc/ContactFormSubmit.php", {
                    ContactName: ContactName,
                    ContactSurname: ContactSurname,
                    ContactPhone: ContactPhone,
                    ContactEmail: ContactEmail,
                    ContactEnquiry: ContactEnquiry,
                    ContactSource: ContactSource,
                    ContactCompany: ContactCompany

                }, function() {}).success(function() {

                    $('.contact-form-wrapper').fadeOut(100);
                    $('.thank-you-wrapper').fadeIn(100);



                    return false;
                });
            }
        });

    }
});