Advertisement
Guest User

Untitled

a guest
Dec 11th, 2019
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.18 KB | None | 0 0
  1. /******** VALIDERING *********/
  2. function validateForm(){
  3. var check;
  4.  
  5. var name = document.forms["myForm"]["formName"].value;
  6. if(name == ""){
  7. document.getElementById("name-error").style.display = "block";
  8. document.forms["myForm"]["formName"].style.border = "2px solid red";
  9. check = 1;
  10. }else{
  11. document.getElementById("name-error").style.display = "none";
  12. document.forms["myForm"]["formName"].style.border = "";
  13. }
  14.  
  15. var phone = document.forms["myForm"]["formPhone"].value;
  16. if(phone == ""){
  17. document.getElementById("phone-error").style.display = "block";
  18. document.forms["myForm"]["formPhone"].style.border = "2px solid red";
  19. check = 1;
  20. }else{
  21. document.getElementById("phone-error").style.display = "none";
  22. document.forms["myForm"]["formPhone"].style.border = "";
  23. }
  24.  
  25. var email = document.forms["myForm"]["formEmail"].value;
  26. var emailcheck = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  27. if(email == ""){
  28. document.getElementById("email-error").style.display = "block";
  29. document.forms["myForm"]["formEmail"].style.border = "2px solid red";
  30. check = 1;
  31. }else if(!emailcheck.test(email)){
  32. document.getElementById("email-error").style.display = "block";
  33. document.getElementById("email-error").innerHTML = "Please insert a valid email";
  34. check = 1;
  35. }else{
  36. document.getElementById("email-error").style.display = "none";
  37. document.forms["myForm"]["formEmail"].style.border = "";
  38. }
  39.  
  40. if(check == 1){
  41. return false;
  42. }else{
  43. return true;
  44. }
  45. }
  46.  
  47.  
  48. /********** BURGER MENU **********/
  49. function openMenu(){
  50. document.getElementById("menu").style.width = "100%";
  51. document.getElementById("items").style.visibility = "visible";
  52. document.getElementById("openMenu").style.display = "none";
  53. }
  54.  
  55. function closeMenu(){
  56. document.getElementById("menu").style.width = "0%";
  57. document.getElementById("items").style.visibility = "hidden";
  58. document.getElementById("openMenu").style.display = "block";
  59. }
  60.  
  61. document.getElementById("closeMenu").addEventListener("click", closeMenu);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement