Файл: Source/assets/img/contact_form.js
Строк: 72
<?php
jQuery(document).ready(function(){
$('.contact_form').submit(function(){
//get input field values
var user_name = $('input[name=name]').val();
var user_email = $('input[name=email]').val();
var user_phone = $('input[name=phone]').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','rgba(255, 0, 0, 0.6)');
proceed = false;
}
if(user_email==""){
$('input[name=email]').css('border-color','rgba(255, 0, 0, 0.6)');
proceed = false;
}
if(user_phone=="") {
$('input[name=phone]').css('border-color','rgba(255, 0, 0, 0.6)');
proceed = false;
}
if(user_message=="") {
$('textarea[name=message]').css('border-color','rgba(255, 0, 0, 0.6)');
proceed = false;
}
//everything looks good! proceed...
if(proceed)
{
//data to be sent to server
post_data = {'userName':user_name, 'userEmail':user_email, 'userPhone':user_phone, 'userMessage':user_message};
//Ajax post data to server
$.post('contact.php', post_data, function(response){
//load json data from server and output message
if(response.type == 'error')
{
output = '<div class="notification error"><p><strong>Error!</strong><br />'+response.text+'</p></div>';
}else{
output = response.text;
//reset values in all input fields
$('.contact_form').html('');
$('#contact_form input').val('');
$('#contact_form textarea').val('');
}
$("#result").hide().html(output).slideDown();
}, 'json');
}
return false;
});
//reset previously set border colors and hide all message on .keyup()
$("#contact_form input, #contact_form textarea").keyup(function() {
$("#contact_form input, #contact_form textarea").css('border-color','');
$("#result").slideUp();
});
});
?>