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?
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.
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.
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 (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
« 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: 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: 17.09.2025 - 16:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn