Advertisement
Guest User

Untitled

a guest
Jul 15th, 2019
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.77 KB | None | 0 0
  1. alert("in");
  2. var name = document.getElementById("SNameValue").value;
  3. var email = document.getElementById("SEmailValue").value;
  4. var emailvalid = /^([a-zA-Z0-9.-]+)@([a-zA-Z0-9-]+).([a-z]{2,5})(.[a-z]{2,5})$/;
  5. var phoneNum = document.getElementById("SPhoneValue").value;
  6. var phoneValid = /^(?([0-9]{3}))?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;
  7. var suburb = document.getElementById("SsuburbValue");
  8. var message = document.getElementById("SMessageValue").value;
  9.  
  10. //name validation
  11. if(name==""){
  12. alert("Enter your name, please");
  13. return false;
  14. }
  15. //email validation
  16. if (email==""){
  17. alert("Enter your email address, please");
  18. return false;
  19. }
  20. if(email.match(emailvalid)){
  21. return false;
  22. }
  23. //phone number validation
  24. if(phoneNum==""){
  25. alert("Enter your phone number, please");
  26. return false;
  27. }
  28. if (phoneNum.match(phoneValid)){
  29. return false;
  30. } else{
  31. alert("Enter a valid phone number with 10 digits, please");
  32. return false;
  33. }
  34. //suburb validation
  35. if (suburb.selectedIndex==0){
  36. alert("Select your suburb, please");
  37. return false;
  38. }
  39. //message validation
  40. if(message==""){
  41. alert("Enter a message, please");
  42. return false;
  43. }
  44. //display everything
  45. else{
  46. alert("Name: "+name+"nEmail: "+email+"nPhone number: "+phoneNum+"nSuburb: "+suburb+"Message: "+message);
  47. return false;
  48. }
  49. return true;
  50. }```
  51.  
  52. HTML code:
  53.  
  54. ``` <form onSubmit="return validate(this)" action="" method="Post">
  55. Name<br>
  56. <input type="text" id="SNameValue" placeholder="Enter Name"><br>
  57. Email<br>
  58. <input type="email" id="SEmailValue" placeholder="Enter Email"><br>
  59. Phone Number<br>
  60. <input type="tel" id="SPhoneValue" placeholder="Enter Phone number"><br>
  61. Suburb<br>
  62. <select name="suburbList" id="SsuburbValue">
  63. <option disabled selected value="">Select your suburb -- </option>
  64. <option value="Atlantic Seaboard">Atlantic Seaboard</option>
  65. <option value="Cape Flats">Cape Flats</option>
  66. <option value="City Bowl">City Bowl</option>
  67. <option value="Helderberg">Helderberg</option>
  68. <option value="NothernSuburb">NothernSuburb</option>
  69. <option value="South Peninsula">South Peninsula</option>
  70. <option value="Southern Suburb">Southern Suburb</option>
  71. <option value="West Coast">West Coast</option>
  72. </select><br>
  73. Message<br>
  74. <textarea rows="3" id="SMessageValue" placeholder="How can we help you"></textarea><br>
  75. <button class="button1" type="submit">Send me a Quote</button>
  76. </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement