Advertisement
SSYT

Ajax Form

Sep 24th, 2015
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // Type a code for easy use of contact form details.
  2. window.$config {
  3.     succes: {
  4.         message: 'Succes send your message, thank you.'
  5.     },
  6.     error: {
  7.         message: 'Oops! An error occured and your message could not be sent.'
  8.     }
  9. };
  10.  
  11. /*
  12. * Ajax form submit php method form, is for stefanpatrascu.com
  13. * http://www.extrem-tutorials.com
  14. * Copyright (c) 2015 Mr Stark. All right reserved !
  15. */
  16. $(function(j) {
  17.     // Form data
  18.     var $form = j('form#contactForm'),
  19.    
  20.     // Get the messages div.
  21.     $formMessage = j('textarea#message', $form);
  22.  
  23.     // Stop submit form data
  24.     j($form).on("submit", function(function(event) {
  25.         event.preventDefault();
  26.     });
  27.    
  28.     // Serialize the form data.
  29.     var $formData = $($form).serialize();
  30.    
  31.     // Submit the form using AJAX.
  32.     $.ajax({
  33.     type: 'POST',
  34.     url: $(form).attr('action'),
  35.     data: formData
  36.     }).done(function(response) {
  37.         j($form).addClass('succes'); j($form).removeClass('error');
  38.         j($form).before('<div id="succes-send">'+ $config.succes.message +'</div>');
  39.         $($formMessages).text(response);
  40.        
  41.         // Clear the form.
  42.     j('#firstname').val('');
  43.         j('#lastname').val('');
  44.     j('#email').val('');
  45.     j('#message').val('');
  46.     }).fail(function(data) {
  47.         j($form).addClass('error'); j($form).removeClass('succes');
  48.         j($form).before('<div id="error-send">'+ $config.error.message +'</div>');
  49.         $($formMessages).text(response);
  50.        
  51.        
  52.     // Set the message text.
  53.     if (data.responseText !== '') {
  54.         $($formMessages).text(data.responseText);
  55.     } else {
  56.         $($formMessages).text($config.error.message);
  57.     }
  58.        
  59.         // Clear the form.
  60.     j('#firstname').val('');
  61.         j('#lastname').val('');
  62.     j('#email').val('');
  63.     j('#message').val('');
  64.     });
  65. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement