jQuery(document).ready(function() { //contact form processing jQuery('form.contact_1', '.contact_form_1').on('submit', function( e ){ e.preventDefault(); var $form = jQuery(this); //checking on empty values var formFields = $form.serializeArray(); var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; var emailaddressVal = jQuery("#contact_form_email").val(); for (var i = formFields.length - 1; i >= 0; i--) { if (!formFields[i].value.length) { $form.find('.result', '.contact_form_1').html(""); $form.find('[name="' + formFields[i].name + '"]', '.contact_form_1').addClass('error_fields_class').on('focus', function(){jQuery(this).removeClass('error_fields_class')}); }; if(!emailReg.test(emailaddressVal)) { $form.find('#contact_form_email', '.contact_form_1').addClass('error_fields_class').on('focus', function(){jQuery(this).removeClass('error_fields_class')}); } }; //if one of form fields is empty - exit if( !emailReg.test(emailaddressVal) ){ $form.find('.result', '.contact_form_1').html(""); jQuery($form).find('div.result', '.contact_form_1').addClass('error_email_mask'); jQuery($form).find('div.result', '.contact_form_1').attr('disabled', false).append('

invalid email address

'); }; if ($form.find('#contact_form_username', '.contact_form_1').hasClass('error_fields_class')) { jQuery($form).find('div.result', '.contact_form_1').attr('disabled', false).append('

The name can\'t be empty

'); }; if ($form.find('#contact_form_email', '.contact_form_1').hasClass('error_fields_class')) { if ($form.find('div.result', '.contact_form_1').hasClass('error_email_mask')) {} else { jQuery($form).find('div.result', '.contact_form_1').attr('disabled', false).append('

Too short (or empty) email address

'); } }; if ($form.find('#contact_form_phone', '.contact_form_1').hasClass('error_fields_class')) { jQuery($form).find('div.result', '.contact_form_1').attr('disabled', false).append('

The phone can\'t be empty

'); }; if ($form.find('#contact_form_message', '.contact_form_1').hasClass('error_fields_class')) { jQuery($form).find('div.result', '.contact_form_1').attr('disabled', false).append('

The message text can\'t be empty

'); }; if ($form.find('[name]', '.contact_form_1').hasClass('error_fields_class')) { $form.find('.result', '.contact_form_1').addClass('sc_infobox_style_error').fadeIn().delay(3000).fadeOut(); return; }; //sending form data to PHP server if fields are not empty var request = $form.serialize(); var ajax = jQuery.post( "include/contact-form.php", request ) .done(function( data ) { $form.find('.result', '.contact_form_1').removeClass('sc_infobox_style_error'); $form.find('.result', '.contact_form_1').removeClass('error_email_mask'); $form.find('.result', '.contact_form_1').addClass('sc_infobox_style_success').html("").fadeIn().delay(3000).fadeOut(); jQuery($form).find('div.result', '.contact_form_1').attr('disabled', false).append('

'+data+'

'); jQuery('form.contact_1', '.contact_form_1')[0].reset(); }) .fail(function( data ) { $form.find('.result', '.contact_form_1').addClass('sc_infobox_style_error').html("").fadeIn().delay(3000).fadeOut(); jQuery($form).find('div.result', '.contact_form_1').attr('disabled', false).append('

Mail cannot be sent. You need PHP server to send mail.

'); }) }); });