/* --------------------------------------------- Contact reservations form --------------------------------------------- */ $(document).ready(function(){ $("#submit_btn").click(function(){ //get input field values var user_name = $('input[name=name]').val(); var user_phone = $('input[name=phone]').val(); var user_date = $('input[name=date]').val(); var user_time = $('input[name=time]').val(); var user_message = $('textarea[name=message]').val(); //simple validation at client's end //we simply change border color to red if empty field using .css() var proceed = true; if (user_name == "") { $('input[name=name]').css('border-color', '#e41919'); proceed = false; } if (user_phone == "") { $('input[name=phone]').css('border-color', '#e41919'); proceed = false; } //everything looks good! proceed... if (proceed) { //data to be sent to server post_data = { 'userName': user_name, 'userPhone': user_phone, 'userDate': user_date, 'userTime': user_time, 'userMessage': user_message }; //Ajax post data to server $.post('contact_reservations.php', post_data, function(response){ //load json data from server and output message if (response.type == 'error') { output = '