Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Problem z walidacją formularza
Forum PHP.pl > Forum > Przedszkole
northwest
Witam serdecznie,
mam taki formularz:
  1. <form onsubmit="return validateForm(this);" name="logowanie22" id="logowanie22" action="dodaj_ogloszenie,.html" method="post" enctype="multipart/form-data">
  2. Login/Email: </td><td><input type = "text" name ="login" value ="" maxlength = "55" size="35" style="background-color:#EBECFE">
  3. Telefon: </td><td><input type = "text" name ="tel" value ="" maxlength = "150" size="35" style="background-color:#EBECFE">
  4. <select name="kategoria" class="kategoria" id="kategoria" style="width: 205px">
  5. <option value=""></option><option value="1">kategoria 1</option>
  6. <option value="2">kategoria 2</option></select>
  7. <select name="podkategoria" class="podkategoria" id="podkategoria" style="width: 205px">
  8. <option selected="selected" value="">--wybierz--</option></select>
  9. <select name="podpodkategoria" class="podpodkategoria" id="podpodkategoria" style="width: 205px">
  10. <option selected="selected" value="">--wybierz--</option></select>
  11. <textarea border=1 style="color: navy;" id="editor1" name="opis" rows="7"></textarea>
  12. <input type="file" name="plik1" />
  13. <a href="java script:document.logowanie22.submit()">Obrazek</a>
  14. </form>


Próbuję dorobić do tego walidację pól:
- login
- tel
- kategoria
- podkategoria
- podpodkategoria
- opis

  1. <script type="text/javascript">
  2. function ValidateEmail(address)
  3. {
  4. var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  5. if(reg.test(address) == false) {
  6. return false;
  7. }
  8. else
  9. {
  10. return true;
  11. }
  12. }function kodp(kp)
  13. {
  14. var dl=kp.length;
  15. var wynik=true;
  16. var q='';if (dl!=6) return false;
  17. for(a=0; a<dl; a++)
  18. {
  19. q=kp.charAt(a);
  20. if (a!=2)
  21. {
  22. y=q.charCodeAt(0);
  23. if (y<48 || y>57) wynik=false;
  24. }
  25. else
  26. {
  27. if (q!='-') wynik=false;
  28. }
  29. }
  30. return wynik;
  31. }
  32. function validateForm(AForm)
  33. {
  34. var tekst='';
  35. if (AForm.opis.value==""){
  36. tekst=tekst+"Wpisz temat wiadomości\n";
  37. }
  38. if (AForm.podpodkategoria.value==""){
  39. tekst=tekst+"Wpisz treść wiadomości\n";
  40. }
  41. if (AForm.podkategoria.value==""){
  42. tekst=tekst+"Wpisz swój adres email\n";
  43. }
  44. if (AForm.kategoria.value==""){
  45. tekst=tekst+"Wpisz swój adres email\n";
  46. }
  47. if (AForm.tel.value==""){
  48. tekst=tekst+"Wpisz swój adres email\n";
  49. }
  50. if (!ValidateEmail(AForm.login.value))
  51. {
  52. tekst=tekst+"Błędny adres e-mail\n";
  53. }
  54. if (tekst!="") {
  55. alert ("Proszę uzupełnić następujące pola:\n"+tekst);
  56. return false;
  57. } else {
  58. return true;
  59. }
  60. }


Ale niestety formularz nie waliduje się i przechodzi "dalej" bez sprawdzenia pól....

Wie ktoś może co mam nie tak i jak to poprawić?

Z góry dziękuje za pomoc,
Northwest
bilskij
Zastosuj

[JAVASCRIPT] pobierz, plaintext
  1. window.onload = function() {
  2.  
  3. }
[JAVASCRIPT] pobierz, plaintext


W nawiasach klamrowych dodaj nazwy funkcji które Cie interesują aby działały po zaladowaniu strony.

Pozdro
jarmiar
ogólnie to zainteresuj się też biblioteką jQuery, dużo prościej to zrobisz w niej wink.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.