Advertisement
Guest User

Contact Form HTML

a guest
Nov 24th, 2014
1,650
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container">
  2. <div class="row">
  3. <div class="col-md-9 col-xs-12 forma">
  4. <!--Contact Form -->
  5. <script Language="JavaScript" Type="text/javascript"><!--
  6. function FrontPage_Form1_Validator(theForm)
  7. {
  8.  
  9. if (theForm.Email.value == "")
  10. {
  11. alert("Please enter a value for the \"Email\" field.");
  12. theForm.Email.focus();
  13. return (false);
  14. }
  15.  
  16. if (theForm.Email.value.length < 5)
  17. {
  18. alert("Please enter at least 5 characters in the \"Email\" field.");
  19. theForm.Email.focus();
  20. return (false);
  21. }
  22.  
  23. if (theForm.Email.value.length > 100)
  24. {
  25. alert("Please enter at most 100 characters in the \"Email\" field.");
  26. theForm.Email.focus();
  27. return (false);
  28. }
  29.  
  30. var chkVal = theForm.Email.value;
  31. var prsVal = chkVal;
  32. if (chkVal != "" && !(prsVal >= 5 && prsVal <= 100))
  33. return (true);
  34. }
  35. //--></script>
  36.  
  37.  
  38. <form action="mailer.php" method="post" onsubmit="return FrontPage_Form1_Validator(this)" language="JavaScript" name="FrontPage_Form1">
  39. <input type="text" class="col-md-13 col-xs-12 name" name='name' placeholder='Name *'/>
  40. <input type="text" class="col-md-13 col-xs-12 Email" name='Email' placeholder='Email *'/>
  41. <input type="text" class="col-md-12 col-xs-12 Subject" name='Subject' placeholder='Subject'/>
  42. <textarea type="text" class="col-md-12 col-xs-12 Message" name='Message' placeholder='Message *'></textarea>
  43. <div class="cBtn col-xs-12">
  44. <ul>
  45. <li class="clear"><input type="reset" name="reset" /></li>
  46. <li class="send"><input name="PFD" type="submit" id="PFD" value="Submit"/></li>
  47. </ul>
  48. </div>
  49. </form>
  50.  
  51. </div>
  52. <div class="col-md-3 col-xs-12 cont">
  53. <ul>
  54. <li><i class="fa fa-home"></i>Location Goes Here</li>
  55. <li><i class="fa fa-envelope"></i>email@email.com</li>
  56. <li><a href="#"><i class="fa fa-facebook-square"></i>Facebook</li></a>
  57. <li><a href="#"><i class="fa fa-linkedin"></i>Linked In</li></a>
  58. </ul>
  59. </div>
  60. </div>
  61. </div>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement