Advertisement
Guest User

Untitled

a guest
Apr 25th, 2014
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.67 KB | None | 0 0
  1. <div id="contactform">
  2. <form id="contact" action="#">
  3. <fieldset>
  4. <span class="error" id="name_error">Please enter name !</span>
  5. <span class="error" id="email_error">Please enter email address !</span>
  6. <span class="error" id="email_error2">Please enter valid email address !</span>
  7. <span class="error" id="msg_error">Please enter message !</span>
  8. <input type="text" name="contactFormName" id="contactFormName" size="50" value="Name" class="text-input" onblur="if (this.value == ''){this.value = 'Name'; }" onfocus="if (this.value == 'Name') {this.value = ''; }" />
  9. <input type="text" name="contactFormEmail" id="contactFormEmail" size="50" value="Email" class="text-input" onblur="if (this.value == ''){this.value = 'Email'; }" onfocus="if (this.value == 'Email') {this.value = ''; }" />
  10. <input type="text" name="contactFormSubject" id="contactFormSubject" value="Subject" class="text-input" onblur="if (this.value == ''){this.value = 'Subject'; }" onfocus="if (this.value == 'Subject') {this.value = ''; }" />
  11. <textarea cols="60" rows="10" name="contactFormMessage" id="contactFormMessage" class="text-input">Message</textarea>
  12. <br />
  13. <input type="submit" name="submitButton" class="submitButton" id="submitButton" value="Send Message"/><br class="clear" />
  14. </fieldset>
  15. </form>
  16. </div><!-- end contactform -->
  17. .....
  18. <!-- Form Contact Script -->
  19. <script type="text/javascript" src="js/contact.js"></script>
  20.  
  21. <?php
  22. $emailTo = 'email@myemail.com';
  23. if($contactFormSubject!=""){
  24. $contactFormSubject =$_REQUEST['contactFormSubject'];
  25. }else{
  26. $contactFormSubject = 'Progend Contact Form';
  27. }
  28. $contactFormName=$_REQUEST['contactFormName'];
  29. $contactFormEmail=$_REQUEST['contactFormEmail'];
  30. $contactFormMessage=$_REQUEST['contactFormMessage'];
  31.  
  32. $body = "Name: $contactFormName nnEmail: $contactFormEmail nnMessage: $contactFormMessage";
  33. $headers = 'From: '.$contactFormName.' <'.$contactFormEmail.'>' . "rn" . 'Reply-To: ' . $contactFormEmail;
  34.  
  35. mail($emailTo, $contactFormSubject, $body, $headers);
  36. ?>
  37.  
  38. jQuery(function() {
  39. jQuery('.error').hide();
  40. var messagetext = jQuery("textarea#msg");
  41. messagetext.focusout(function(){
  42. if (messagetext.val() == ''){messagetext.text('Message'); }
  43. });
  44. messagetext.focus(function(){
  45. if (messagetext.val() == 'Message') {messagetext.text(''); }
  46. });
  47. jQuery(".button").click(function() {
  48. // validate and process form
  49. // first hide any error messages
  50. jQuery('.error').hide();
  51. var name = jQuery("input#name").val();
  52. if (name=="Name" || name == "") {
  53. jQuery("span#name_error").show();
  54. jQuery("input#name").focus();
  55. return false;
  56. }
  57. var email = jQuery("input#email").val();
  58. if (email == "Email" || email == "") {
  59. jQuery("span#email_error").show();
  60. jQuery("input#email").focus();
  61. return false;
  62. }
  63.  
  64. var emailReg = /^([w-.]+@([w-]+.)+[w-]{2,4})?$/;
  65. if(!emailReg.test(email)) {
  66. jQuery("span#email_error2").show();
  67. jQuery("input#email").focus();
  68. return false;
  69. }
  70.  
  71. var subject = jQuery("input#subject").val();
  72. if (subject == "") {
  73. jQuery("input#subject").focus();
  74. return false;
  75. }
  76. var msg = jQuery("textarea#msg").val();
  77. if (msg == "Message" || msg == "") {
  78. jQuery("span#msg_error").show();
  79. jQuery("textarea#msg").focus();
  80. return false;
  81. }
  82.  
  83. var dataString = 'name='+ name + '&email=' + email + '&subject=' + subject + '&msg=' + msg;
  84. //alert (dataString);return false;
  85.  
  86. jQuery.ajax({
  87. type: "POST",
  88. url: "process.php",
  89. data: dataString,
  90. success: function() {
  91. jQuery('#contactform').html("<div id='message'></div>");
  92. jQuery('#message').html("<b>Contact Form Submitted!</b>")
  93. .append("<p>We will be in touch soon.</p>")
  94. .hide()
  95. .fadeIn(1500, function() {
  96. jQuery('#message');
  97. });
  98. }
  99. });
  100. return false;
  101. });
  102. });
  103.  
  104. $(".submitButton").click(function(){ [...]});
  105.  
  106. success: function(response) {
  107. jQuery('#contactform').html("<div id='message'>"+response+"</div>");
  108.  
  109. if(mail($emailTo, $contactFormSubject, $body, $headers))
  110. echo "success!";
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement