contact-form-script.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. $("#contactForm").validator().on("submit", function (event) {
  2. if (event.isDefaultPrevented()) {
  3. // handle the invalid form...
  4. formError();
  5. submitMSG(false, "Did you fill in the form properly?");
  6. } else {
  7. // everything looks good!
  8. event.preventDefault();
  9. submitForm();
  10. }
  11. });
  12. function submitForm(){
  13. // Initiate Variables With Form Content
  14. var name = $("#name").val();
  15. var email = $("#email").val();
  16. var msg_subject = $("#msg_subject").val();
  17. var message = $("#message").val();
  18. $.ajax({
  19. type: "POST",
  20. url: "php/form-process.php",
  21. data: "name=" + name + "&email=" + email + "&msg_subject=" + msg_subject + "&message=" + message,
  22. success : function(text){
  23. if (text == "success"){
  24. formSuccess();
  25. } else {
  26. formError();
  27. submitMSG(false,text);
  28. }
  29. }
  30. });
  31. }
  32. function formSuccess(){
  33. $("#contactForm")[0].reset();
  34. submitMSG(true, "Message Submitted!")
  35. }
  36. function formError(){
  37. $("#contactForm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
  38. $(this).removeClass();
  39. });
  40. }
  41. function submitMSG(valid, msg){
  42. if(valid){
  43. var msgClasses = "h3 text-center tada animated text-success";
  44. } else {
  45. var msgClasses = "h3 text-center text-danger";
  46. }
  47. $("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
  48. }