https://datec.com.fj/App_Themes/Style/assets/js/contact-me.js

1$(document).ready(function() {
2	
3    $("#contact-form [type='submit']").click(function(e) {
4        e.preventDefault();
5        
6        // Get input field values of the contact form
7        var user_name       = $('input[name=name]').val();
8		var user_contact       = $('input[name=contact]').val();
9        var user_email      = $('input[name=email-address]').val();
10		var user_company       = $('input[name=company]').val();
11        // var user_option    = $('input[name=useroption]').val();
12		var user_option = document.getElementById("useroption").value;
13		
14        // Datadata to be sent to server
15        post_data = {'userName':user_name, 'userEmail':user_email, 'userCompany':user_company, 'userContact':user_contact, 'userOption':user_option};
16       
17        // Ajax post data to server
18        $.post('php/contact-me.php', post_data, function(response){  
19           
20            // Load json data from server and output message    
21            if(response.type == 'error') {
22
23                output = '<div class="error-message"><p>'+response.text+'</p></div>';
24                
25            } else {
26           
27                output = '<div class="success-message"><p>'+response.text+'</p></div>';
28               
29                // After, all the fields are reseted
30                $('#contact-form input').val('');
31            }
32           
33            $("#answer").hide().html(output).fadeIn();
34
35        }, 'json');
36
37    });
38   
39    // Reset and hide all messages on .keyup()
40    $("#contact-form input").keyup(function() {
41        $("#answer").fadeOut();
42    });
43   
44});