Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]Niedziałająca walidacja w formularzu
tejek
post
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 12.11.2005

Ostrzeżenie: (0%)
-----

wykonałem formularz w HTML i chciałbym do niego dodać walidację wypełnienia pól formularza oto cały kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Formularz wysylki zdjec - m2Art</title>
  6. <link href="style.css" rel="stylesheet" type="text/css" media="all" />
  7. </head>
  8. <body>
  9. <script language="javascript" type="text/javascript">
  10. clearForm(AForm);
  11. function validateForm(AForm)
  12. {
  13.     //1. NICK ALLEGROWICZA
  14.     reg1 = /^[a-zA-Z0-9aąęśćżźńłóĄĘŚĆŻŹŃŁÓ@_-.]{2,30}$/;
  15.     wyn = AForm.nick.value.match(reg1);
  16.     if (wyn == null) {
  17.         alert("Prosze podac poprawne NICK ALLEGROWICZA. " +
  18.               "NICK musi zawierac od 2 do 30 liter. " +
  19.               "Zadne znaki poza literami nie sa dozwolone.");
  20.         return false;
  21.     }	
  22. 	reg2 = /^[a-zA-Z0-9@._-.]{1,30}$/;
  23.     wyn = AForm.email.value.match(reg2);
  24.     if (wyn == null) {
  25.         alert("Prosze podac poprawny adres e-mail. " +
  26.               "Wprowadz e-mail jak w szablonie 'tresc@domen.pl'. " +
  27.               "Wszystkie standardowe znaki sa dozwolone.");
  28.         return false;
  29.     }
  30.     if (!(AForm.plakat.selectedIndex > 0 && AForm.plakat.selectedIndex <= 4)) {
  31.         alert("Proszę wybrać województwo.");
  32.         return false;
  33.     };
  34.  
  35. 	AForm.elements['blad'].value = "Wysylanie zdjec. Prosze czekac...";
  36.     return true;
  37. }
  38. function clearForm(AForm)
  39. {
  40.     for (i = 0; i < AForm.elements.length; i++) {
  41.         if (AForm.elements[i].type == "radio") {
  42.             AForm.elements[i].checked = false;
  43.         } else if (AForm.elements[i].type == "checkbox") {
  44.             AForm.elements[i].checked = false;
  45.         } else if (AForm.elements[i].type == "text") {
  46.             AForm.elements[i].value = '';
  47.         } else if (AForm.elements[i].type == "textarea") {
  48.             AForm.elements[i].value = '';
  49.         } else if (AForm.elements[i].type == "select-one") {
  50.             AForm.elements[i].selectedIndex = 0;
  51.         } else if (AForm.elements[i].type == "select-multiple") {
  52.             AForm.elements[i].selectedIndex = -1;
  53.         }
  54.     }
  55.     return true;
  56. }
  57. </script>
  58. <form class="normal" action="uparray3.php" method="post" enctype="multipart/form-data">
  59.   <table>
  60.     <tr>
  61.       <td> Nick allegrowicza:
  62.         <input class="formularz" type="text" name="nick"/>
  63. 		</td>
  64.     </tr>
  65.     <tr>
  66.       <td> Email:
  67.         <input class="formularz" type="text" name="email"/>
  68. 		</td>
  69.     </tr>
  70. 	<tr>
  71.       <td>Zakupiny plakat:
  72.           <select class="formularz" name="plakat">
  73. 		  	<option onclick="this.form.elements['maxzd'].value = '';" value="----">----</option>
  74.     		<option onclick="this.form.elements['maxzd'].value = 'Maksymalnie 10 zdjec';" value="10">Dzungla</option>
  75. 			<option onclick="this.form.elements['maxzd'].value = 'Maksymalnie 24 zdjec';" value="24">Latorosl</option>
  76. 			<option onclick="this.form.elements['maxzd'].value = 'Maksymalnie 8 zdjec';" value="8">Ocean</option>
  77.             <option onclick="this.form.elements['maxzd'].value = 'Maksymalnie 9 zdjec';" value="9">Balony</option>
  78.           </select>
  79. 		</td>
  80. 	</tr>
  81. 	<tr>
  82. 		<td>
  83.           <input class="blad" type="text" name="maxzd" readonly="readonly" />
  84. 		</td>
  85.     </tr>
  86.     <tr>
  87.       <td><input type="hidden" name="MAX_FILE_SIZE" value="300000" />
  88.         Wyslij nam zdjecia które chcesz umiescic na plakacie:
  89. 		</td>
  90.     </tr>
  91.     <tr>
  92.       <td>
  93. 	  Zdjecie nr 1:<br />
  94. 	  <input type="file" name="pictures[]" width="250px" size="40" accept="image/jpeg,image/gif,image/tiff,image/png"/>
  95. 	  </td>
  96. 	  <td>
  97. 	  Dodaj tekst pod zdjeciem:
  98. 	  <input class="formularz" type="checkbox" name="checktekst[]" value="wartosc" onclick="this.form.elements['tekst0'].disabled = !this.checked"/>
  99. 	  <input class="formularz" type="text" name="tekst0" size="40" disabled="disabled" />
  100. 	  </td>
  101. 	</tr>
  102.     <tr>
  103.       <td> 
  104. 	  Zdjecie nr 2:<br />
  105. 	  <input type="file" name="pictures[]" width="250px" size="40" accept="image/jpeg,image/gif,image/tiff,image/png"/>
  106. 	  </td>
  107. 	  <td>
  108. 	  Dodaj tekst pod zdjeciem:
  109. 	  <input class="formularz" type="checkbox" name="checktekst[]" value="wartosc" onclick="this.form.elements['tekst1'].disabled = !this.checked" />
  110. 	  <input class="formularz" type="text" name="tekst1" size="40" disabled="disabled" />
  111. 	  </td>
  112. 	</tr>
  113.     <tr>
  114.       <td>
  115. 	  Zdjecie nr 3:<br />
  116. 	  <input type="file" name="pictures[]" width="250px" size="40" accept="image/jpeg,image/gif,image/tiff,image/png"/>
  117. 	  </td>
  118. 	  <td>
  119. 	  Dodaj tekst pod zdjeciem:
  120. 	  <input class="formularz" type="checkbox" name="checktekst[]" value="wartosc" onclick="this.form.elements['tekst2'].disabled = !this.checked" />
  121. 	  <input class="formularz" type="text" name="tekst2" size="40" disabled="disabled" />
  122. 	  </td>
  123.     </tr>
  124.     <tr>
  125.       <td>
  126. 	  <input type="image" src="bt_wyslij.jpg" value="wyslij" name="wyslij" onclick="return validateForm(this.form);"/>
  127. 	  <input type="image" src="bt_wyczysc.jpg" value="kasuj" name="kasuj" onclick="return clearForm(this.form);"/>
  128. 	  </td>
  129.     </tr>
  130.   </table>
  131.   <input class="blad" type="text" name="blad" size="50" readonly="readonly" />
  132. </form>
  133. </body>
  134. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
sticker
post
Post #2





Grupa: Zarejestrowani
Postów: 611
Pomógł: 19
Dołączył: 28.02.2005
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

no ale w czym problem?


--------------------
linked in profile
Go to the top of the page
+Quote Post
--tejek--
post
Post #3





Goście
Po uruchomieniu strony i wciśnięci buttona przeładowuje sie strona bez sprawdzania czy pola są dobrze wypełnione. Wygląda to tak jakby funkcja sprawozdająca wcale nie działała.

proszę o pmoc
Go to the top of the page
+Quote Post
SirZooro
post
Post #4





Grupa: Zarejestrowani
Postów: 243
Pomógł: 32
Dołączył: 14.06.2007

Ostrzeżenie: (0%)
-----

Spróbuj to podpiąć pod zdarzenie onsubmit formularza.


--------------------
Poradnik Webmastera • Kurs HTML • Kurs JavaScript • Forum Webmastera
Go to the top of the page
+Quote Post
--tejek--
post
Post #5





Goście
zrobiłem tak:


[HTML] pobierz, plaintext 
  1. <form class="normal" action="uparray3.php" onsubmit="return validateForm(this.form);" ..... >
[HTML] pobierz, plaintext


a zamiast Buttonow jako btn dalem normalne:

[HTML] pobierz, plaintext 
  1. <input type="submit" name="wyslij" value="wyslij" />
[HTML] pobierz, plaintext


i nadal nic :/
Go to the top of the page
+Quote Post
SirZooro
post
Post #6





Grupa: Zarejestrowani
Postów: 243
Pomógł: 32
Dołączył: 14.06.2007

Ostrzeżenie: (0%)
-----

Sprawdziłem to dokładniej - masz błąd w wyrażeniach regularnych. Problemem jest minus w nawiasach kwadratowych który służy tam do definiowana zakresów znaków. Wstaw przed nim backslasha lub przenieś go na koniec aby za nim był już tylko nawias zamykający.


--------------------
Poradnik Webmastera • Kurs HTML • Kurs JavaScript • Forum Webmastera
Go to the top of the page
+Quote Post
tejek
post
Post #7





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 12.11.2005

Ostrzeżenie: (0%)
-----

Poprawiłem to ale nie pomogło ;/
Go to the top of the page
+Quote Post
paziek
post
Post #8





Grupa: Zarejestrowani
Postów: 207
Pomógł: 25
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

Kod
function validateForm(AForm)
{
    //1. NICK ALLEGROWICZA
    var reg1 = /^[a-zA-Z0-9ąęśćżźńłóĄĘŚĆŻŹŃŁÓ@_\-.]{2,30}$/;
    wyn = AForm.nick.value.match(reg1);
    if (wyn == null) {
    alert("Prosze podac poprawne NICK ALLEGROWICZA. " +
    "NICK musi zawierac od 2 do 30 liter. " +
    "Zadne znaki poza literami nie sa dozwolone.");
    return false;
    }
    var reg2 = /^[a-zA-Z0-9@._\-.]{1,30}$/;
    wyn = AForm.email.value.match(reg2);
    if (wyn == null) {
    alert("Prosze podac poprawny adres e-mail. " +
    "Wprowadz e-mail jak w szablonie 'tresc@domen.pl'. " +
    "Wszystkie standardowe znaki sa dozwolone.");
    return false;
    }
    if (!(AForm.plakat.selectedIndex > 0 && AForm.plakat.selectedIndex <= 4)) {
    alert("Proszę wybrać województwo.");
    return false;
    };

    AForm.elements['blad'].value = "Wysylanie zdjec. Prosze czekac...";
    return true;
}

Chodziło o ten przedostatni znak -, nie te między az09
[HTML] pobierz, plaintext 
  1. <form class="normal" name="someForm" action="uparray3.php" method="post" enctype="multipart/form-data">
[HTML] pobierz, plaintext

dodałem name=""
Kod
</form>
<script type="text/javascript">
    clearForm(document.forms.someForm);
    //musisz poczekać aż: funkcja zostanie zadeklarowana, formualarz będzie dostępny
    //nie możesz przekazywać niezadeklarowanych zmiennych jako argument (AForm), w sumie to możesz, ale wtedy nie będzie działać jak chciałeś
</script>
</body>
</html>
Go to the top of the page
+Quote Post
tejek
post
Post #9





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 12.11.2005

Ostrzeżenie: (0%)
-----

Musiałem wprowadzić kilka poprawek ale wielkie dzięki za naprowadzenie. Wszystko już ładnie działa biggrin.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 06:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn