Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] walidacja formularza a przegladarki pomocy!
Forum PHP.pl > Forum > Przedszkole
bastek8989
Witam

Zrobilem sobie walidacje formularza za pomoca javascript... Lecz mam problem bo dziala on nieskazitelnie tylko w FireFoxie sad.gif(((


  1. function validateForm(iform)
  2. {
  3.  
  4.    if (!iform.nazwa.value) {
  5.      document.getElementById('nazwa').style.display = 'block';
  6. document.getElementById('nazwa').innerHTML = '<span class="style19">Nie podałeś tytułu</span>';
  7. document.getElementById('nazwa2').style.display = 'none';
  8. pokazInfo2();
  9.    } else {
  10.      document.getElementById('nazwa2').style.display = 'block';
  11.      document.getElementById('nazwa').style.display = 'none';
  12.      }
  13.    if (!iform.opis.value) {
  14.      document.getElementById('opis').style.display = 'block';
  15. document.getElementById('opis').innerHTML = '<span class="style19">Nie opisałeś pliku</span>';
  16. document.getElementById('opis2').style.display = 'none';
  17. pokazInfo2();
  18.    } else {
  19.      
  20.      document.getElementById('opis2').style.display = 'block';
  21.      document.getElementById('opis').style.display = 'none';
  22.      }
  23.          if (!iform.tagi.value) {
  24.      document.getElementById('tagi').style.display = 'block';
  25. document.getElementById('tagi').innerHTML = '<span class="style19">Nie podałeś tag&oacute;w</span>';
  26. document.getElementById('tagi2').style.display = 'none';
  27. pokazInfo2();
  28.    } else {
  29.      
  30.      document.getElementById('tagi2').style.display = 'block';
  31.      document.getElementById('tagi').style.display = 'none';
  32.      }
  33.                if (iform.kategoria.value == '--Wybierz Kategorie--') {
  34.      document.getElementById('kategoria').style.display = 'block';
  35. document.getElementById('kategoria').innerHTML = '<span class="style19">Nie wybrałeś kategorii</span>';
  36. document.getElementById('kategoria2').style.display = 'none';
  37. pokazInfo2();
  38.    } else {
  39.      
  40.      document.getElementById('kategoria2').style.display = 'block';
  41.      document.getElementById('kategoria').style.display = 'none';
  42.      }
  43.      
  44.          if (!iform.plik.value) {
  45.      document.getElementById('plik').style.display = 'block';
  46. document.getElementById('plik').innerHTML = '<span class="style19">Nie wybrałes pliku</span>';
  47. document.getElementById('plik2').style.display = 'none';
  48. pokazInfo2();
  49.    } else {
  50.      
  51.      document.getElementById('plik2').style.display = 'block';
  52.      document.getElementById('plik').style.display = 'none';
  53.      }
  54.      
  55.      
  56.   var wyn = iform.plik.value;
  57.       var re = new RegExp("avi|wmv","i");
  58.       if(iform.plik.value){
  59.        if (re.test(wyn) == false ) {
  60.      document.getElementById('plik').style.display = 'block';
  61. document.getElementById('plik').innerHTML = '<span class="style19">Niedozwolone rozszerzenie pliku</span>';
  62. document.getElementById('plik2').style.display = 'none';
  63. pokazInfo2();
  64.    } else {
  65.      
  66.      document.getElementById('plik2').style.display = 'block';
  67.      document.getElementById('plik').style.display = 'none';
  68.      }
  69. }
  70.      if(!iform.nazwa.value || !iform.opis.value || !iform.tagi.value || iform.kategoria.value == '--Wybierz Kategorie--' || !iform.plik.value || re.test(wyn) == false ){
  71.      return false;
  72.      }
  73.  
  74.  
  75.       return true;
  76. }


a oto skrypt formularza:
  1. <form target="iframe" name="iform" action="dodaj_vp_convert.php" method="post" enctype="multipart/form-data">
  2. <input name="nazwa" type="text" class="txt-box3" maxlength="50" value="'.$_POST['nazwa'].'"><div id="nazwa" ></div>
  3.  
  4. <div id="nazwa2"><span class="style23">Powinien być krótki i możliwie najlepiej oddawać czym, jest dany plik graficzny </span></div>
  5. </form>


Itd...


Blagam pomozcie mi to podpiac pod IE i OPERE... Jak sie to robi? Co mam zle?
pozdrawiam
TomASS
Cytat
Itd...

My nie wróżki tongue.gif

Umieść całość kodu w JEDNYM pliku wrzuć na phpfi opisz dokładnie co nie działa i jakie błędy wywala, a postaram(y) się pomóc.

Pozdrawiam
bastek8989
itd = dalsze inputy sa takie same ... wystarczy wam 1 przyklad bo reszta to to samo... formularz jest dobry na 100% to problem z javascript'em ktory wkleilem caly
TomASS
Czy mógłbym wiedzieć jak odpalasz ten skrypt?
Co przekazujesz jako parametr?

Oraz co oznacza:
Kod
!iform.nazwa.value

nie powinno być raczej
Kod
!iform.getElementById('nazwa').value

?
bastek8989
to jest dobrze - !iform.nazwa.value sprawdza czy zostalo cos wpisane w inpucie i to dziala w kazdej przegladarce...

if sprawdza czy w inpucie zostalo cos wpisane... i teraz jezeli if zmienia zawartosc div'a ktory niewiem dlaczego
w operze i ie musia znajdowac sie POD inputem w innym wypadku niestety nie dziala - dla FF niema to zadnego znaczenia i wszystko fajnie smiga....

Nie znalazlem sposobu na wyswietlanie tego diva pod inputem sprawdzanym przez if'a... musze go wstawic nad co nieidzie mi zabardzo na reke...

Macie ktos moze jakis pomyal jakby to obejsc?
SHiP
Fx nie odróżnia wartości name i id, IE i Opera tak. Zmien paramery name w inputach na jakies inne tak aby nazwy sie nie powtarzały. Powinno pomóc
bastek8989
o lol masz racjęęęęęę... Dzieki sliczne smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.