Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
 Start new topic
Odpowiedzi
SirZooro
post
Post #2





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.
Go to the top of the page
+Quote Post

Posty w temacie
- tejek   [HTML][JavaScript]Niedziałająca walidacja w formularzu   7.08.2008, 19:24:52
- - sticker   no ale w czym problem?   7.08.2008, 20:57:45
- - -tejek-   Po uruchomieniu strony i wciśnięci buttona przeład...   8.08.2008, 16:27:39
- - SirZooro   Spróbuj to podpiąć pod zdarzenie onsubmit formular...   8.08.2008, 17:18:52
- - -tejek-   zrobiłem tak: [HTML] pobierz, plaintext <form...   8.08.2008, 17:29:52
- - SirZooro   Sprawdziłem to dokładniej - masz błąd w wyrażeniac...   8.08.2008, 17:43:26
- - tejek   Poprawiłem to ale nie pomogło ;/   8.08.2008, 18:01:50
- - paziek   Kodfunction validateForm(AForm) { //1. NI...   8.08.2008, 21:41:06
- - tejek   Musiałem wprowadzić kilka poprawek ale wielkie dzi...   9.08.2008, 01:05:34

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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