Advertisement
neogz

JS - Validacija forme

Nov 1st, 2015
115
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // pravimo niz elementi, i u njeg dodajemo id svakog elementa input koji se nalazi na stranici
  2. var elementi = document.getElementsByTagName("input");
  3.  
  4. // for petlja koja ce se provrtiti puta koliko ima elemenata tipa input
  5. for (var i = 0; i < elementi.length; i++) {
  6.  
  7.     // ako element nije submit njega validiraj
  8.     if (elementi[i].type != "submit") {
  9.         elementi[i].onblur = validacija;
  10.     }
  11. }
  12.  
  13.  
  14. document.getElementById("klir").onclick = ocisti;
  15.  
  16.  
  17. // funkcija za validaciju kojia prima parametar event
  18. function validacija(e) {
  19.  
  20.     var element = e.target;
  21.     if (element = null) element = e;
  22.  
  23.     var valid = true;
  24.     //ako je prazan dodaj mu klasu greska da pocrveni
  25.     if (element.value == "") {
  26.         valid = false;
  27.     }
  28.     else {
  29.         switch (element.id) {
  30.             case "username":
  31.                 if (element.value.length < 3) { valid = false; } break;
  32.  
  33.             case "password":
  34.                 var regexLetter = /[a-zA-Z]/;
  35.                 var regexNumber = /[0-9]/;
  36.                 valid = regexLetter.test(element.value) && regexNumber.test(element.value);
  37.                 break;
  38.            
  39.             case "password2":
  40.                 if (element.value != document.getElementById("password").value)
  41.                 valid = false;
  42.                 break;
  43.  
  44.  
  45.  
  46.             default:
  47.  
  48.         }
  49.     }
  50.  
  51.  
  52.     if (!valid) {
  53.         element.classList.add("greska");
  54.     }
  55.  
  56.     else {
  57.         element.classList.remove("greska");
  58.     }
  59.  
  60.  
  61.  
  62.  
  63.     return valid;
  64.  
  65.  
  66. }
  67.  
  68. function ocisti() {
  69.     for (var i = 0; i < elementi.length; i++) {
  70.         if (elementi[i].type != "submit") {
  71.             elementi[i].value = "";
  72.             elementi[i].classList.remove("greska");
  73.         }
  74.     }
  75. }
  76.  
  77. function validacijaForme() {
  78.     var valid = true;
  79.     for (var i = 0; i < elementi.length; i++) {
  80.         if (elementi[i].type != "submit") {
  81.             if (!validacija(elementi[i])) {
  82.                 valid = false;
  83.             }
  84.         }
  85.     }
  86. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement