Advertisement
Guest User

Form validation

a guest
Jun 17th, 2015
341
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.63 KB | None | 0 0
  1. window.onload = function () {
  2. //Regular expressions
  3. var reg_numbers = /^[0-9]+$/;
  4. var reg_letters = /^[A-ZÆØÅa-zæøå]$/;
  5. var reg_email = /^[a-zæøåA-ZÆØÅ0-9._-]+@[a-zæøåA-ZÆØÅ0-9.-]+\.[a-zæøåA-ZÆØÅ]{2,6}$/;
  6.  
  7. //Fields
  8. var firstname = document.getElementById('mce-FNAME');
  9. var email = document.getElementById('mce-EMAIL');
  10. var form1 = document.getElementById('mc-embedded-subscribe-form');
  11. var errormessage = document.getElementById('errormessage');
  12.  
  13.  
  14. //Eventhandlers
  15. firstname.onfocus = function (){
  16. firstname.value = "";
  17. firstname.style.color = "black";
  18. };
  19.  
  20. email.onfocus = function (){
  21. email.value = "";
  22. email.style.color = "black";
  23. };
  24.  
  25. form1.onsubmit = function(){
  26. error="";
  27. var result1 = isTooShort(firstname, "Indtast navn", 2);
  28. var result2 = checkPattern(email, reg_email, "Indtast gyldig email", 6);
  29. var result3 = checkPattern(firstname, reg_letters, "Indtast gyldigt navn", 2);
  30.  
  31. errormessage.innerHTML = error;
  32. errormessage.style.color = "red";
  33. if(result1 && result2 && result3){
  34. return true;
  35. } else {
  36. return false;
  37. }
  38. };
  39.  
  40. //Functions
  41. isTooShort = function (element, msg, minlength){
  42. var text = element.value;
  43. if (text.length < minlength) {
  44. error = error + msg + "<br>";
  45. element.style.color = "red";
  46. return false;
  47. }
  48. return true;
  49. };
  50.  
  51. checkPattern = function (element, pattern, msg, minlenght) {
  52. if (!element.value.match(pattern)) {
  53. error = error + msg + "<br>";
  54. element.style.color = "red";
  55. return false;
  56. }
  57. return true;
  58. };
  59. };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement