Guest User

Untitled

a guest
Nov 21st, 2018
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.27 KB | None | 0 0
  1. $(document).ready(function(){
  2.  
  3.  
  4. function success() {
  5. $('#contact_name, #contact_email, #contact_phone, #contact_message, #contact_company').css("border","1px solid #333").val("");
  6. $('<div class="success-message pie">Your message has been sent successfully. Thank you! </div>').fadeIn("fast").insertBefore('.form_block p');
  7. $('.success-message').delay("2000").fadeOut("fast", function(){ $(this).remove(); });
  8. }
  9.  
  10. // FORM SUBMISSION
  11. $('.button.btSend.css3button').click(function(){
  12. //Get name field value
  13. var frmName = $('#contact_name').val();
  14.  
  15. //Get e-mail field value
  16. var frmMail = $('#contact_email').val();
  17.  
  18. //Get phone field value
  19. var frmPhone = $('#contact_phone').val();
  20.  
  21. //Get company field value
  22. var frmCompany = $('#contact_company').val();
  23.  
  24. //Get textarea message
  25. var frmMessage = $('#contact_message').val();
  26.  
  27.  
  28.  
  29.  
  30. //Send data using ajax
  31. $.post("/mail.php", {action: "sendMail", name: frmName , mail: frmMail, phone: frmPhone, company: frmCompany, message: frmMessage},
  32. function(data){
  33. if (data.success == '1'){
  34. success();
  35. //If the mail was sent show the "success" message
  36. return false;
  37.  
  38. }else{
  39. $('<div class="fail-message pie">Message Not Sent! Correct Errors marked in red.</div>').fadeIn("fast").insertAfter('.form_block p');
  40. $('.fail-message').delay("2000").fadeOut("fast", function(){ $(this).remove(); });
  41. //If the mail has failed show the error message
  42. $('.loading').fadeOut('fast');
  43. if(frmName == "") $('#contact_name').css("border","1px solid #FF0000").next('.require').text(' !');
  44. if(frmMail == "" ) $('#contact_email').css("border","1px solid #FF0000").next('.require').text(' !');
  45. if(frmCompany == "" ) $('#contact_company').css("border","1px solid #FF0000").next('.require').text(' !');
  46. if(frmPhone == "" ) $('#contact_phone').css("border","1px solid #FF0000").next('.require').text(' !');
  47. if(frmMessage == "") $('#contact_message').css("border","1px solid #FF0000").next('.require').text(' !');
  48.  
  49. return false;
  50. }
  51. });
  52.  
  53. return false;
  54. });
  55.  
  56.  
  57. //global vars
  58. var form = $("#customForm");
  59. var name = $("#contact_name");
  60. var company = $("#contact_company");
  61. var email = $("#contact_email");
  62. var phone = $("#contact_phone");
  63. var message = $("#contact_message");
  64.  
  65. //On blur
  66. name.blur(validateName);
  67. company.blur(validateCompany);
  68. message.blur(validateMessage);
  69. email.blur(validateEmail);
  70. phone.blur(validatePhone);
  71.  
  72. //On key press
  73. email.keyup(validateEmail);
  74. name.keyup(validateName);
  75. phone.keyup(validatePhone);
  76. company.keyup(validateCompany);
  77. message.keyup(validateMessage);
  78.  
  79.  
  80. //validation functions
  81. function validateEmail(){
  82. //testing regular expression
  83. var a = $("#contact_email").val();
  84.  
  85. var filter = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
  86. //if it's valid email
  87. if(filter.test(a)){
  88. $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
  89. return true;
  90. }
  91. //if it's NOT valid
  92. else{
  93. $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
  94. return false;
  95. }
  96. }
  97.  
  98. function validatePhone(){
  99. //testing regular expression
  100. var a = $("#contact_phone").val();
  101.  
  102. var filter = /^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/;
  103. //if it's valid phone
  104. if(filter.test(a)){
  105. $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
  106. return true;
  107. }
  108. //if it's NOT valid
  109. else{
  110. $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
  111. return false;
  112. }
  113. }
  114.  
  115. function validateCompany(){
  116. //if it's NOT valid
  117. if(company.val().length < 4){
  118. $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
  119. return false;
  120. }
  121. //if it's valid
  122. else{
  123. $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
  124. return true;
  125. }
  126. }
  127.  
  128. function validateName(){
  129. //if it's NOT valid
  130. if(name.val().length < 4){
  131. $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
  132. return false;
  133. }
  134. //if it's valid
  135. else{
  136. $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
  137. return true;
  138. }
  139. }
  140. function validateMessage(){
  141. //it's NOT valid
  142. if(message.val().length < 10){
  143. $(this).stop().animate({ borderTopColor: '#FF0000', borderLeftColor: '#FF0000', borderRightColor: '#FF0000', borderBottomColor: '#FF0000' }, 'fast');
  144. return false;
  145. }
  146. //it's valid
  147. else{
  148. $(this).stop().animate({ borderTopColor: '#005386', borderLeftColor: '#005386', borderRightColor: '#005386', borderBottomColor: '#005386' }, 'fast');
  149. return true;
  150. }
  151. }
  152. });
Add Comment
Please, Sign In to add comment