Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Niedziałaj±ca walidacja w formularzu
Forum PHP.pl > Forum > Przedszkole
tejek
7.08.2008, 19:24:52
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
sticker
7.08.2008, 20:57:45
no ale w czym problem?
-tejek-
8.08.2008, 16:27:39
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
SirZooro
8.08.2008, 17:18:52
Spróbuj to podpi±ć pod zdarzenie onsubmit formularza.
-tejek-
8.08.2008, 17:29:52
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 :/
SirZooro
8.08.2008, 17:43:26
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.
tejek
8.08.2008, 18:01:50
Poprawiłem to ale nie pomogło ;/
paziek
8.08.2008, 21:41:06
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>
tejek
9.08.2008, 01:05:34
Musiałem wprowadzić kilka poprawek ale wielkie dzięki za naprowadzenie. Wszystko już ładnie działa biggrin.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.