Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] walidacja formularza
Forum PHP.pl > Forum > Przedszkole
ravenaot
16.03.2013, 16:51:26
Witam, mam ten oto skrypt, ktory sprawdza pole radio, ale tylko jedno. Jak moge dodac aby sprawdzało mi dodatkowe radio('pyt2') w formularzu i aby nie wyswietlalo zbednych dodatkowych okienek z błedem.
[HTML] pobierz, plaintext 
  1. <form name="formularz" id="formularz" method="post" action="pytania_6_10.php" onsubmit="validate(); return false;">
  2. <li class="likert"><input type="radio" name="pyt1" value="Zdecydowanie się nie zgadzam" />1
  3. <li class="likert"><input type="radio" name="pyt1" value="Nie zgadzam się" />2
  4. <li class="likert"><input type="radio" name="pyt1" value="Nie mam zdania" />3
  5. <li class="likert"><input type="radio" name="pyt1" value="Zgadzam się" />4
  6. <li class="likert"><input type="radio" name="pyt1" value="Zdecydowanie się zgadzam " />5
  7.  
  8. <li class="likert"><input type="radio" name="pyt2" value="Zdecydowanie się nie zgadzam" />1
  9. <li class="likert"><input type="radio" name="pyt2" value="Nie zgadzam się" />2
  10. <li class="likert"><input type="radio" name="pyt2" value="Nie mam zdania" />3
  11. <li class="likert"><input type="radio" name="pyt2" value="Zgadzam się" />4
  12. <li class="likert"><input type="radio" name="pyt2" value="Zdecydowanie się zgadzam " />5
[HTML] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1.  <script type="text/javascript">
  2.  
  3.     function checkRadio(inputName) {
  4.  
  5.     var obj = document.formularz[inputName];
  6.     var len = obj.length;
  7.  
  8.     for(var i=0; i<len; i++) {
  9.  
  10.     if(obj[i].checked) return true;
  11.     }
  12.     alert('Uzupełnij pola');
  13.     return false;
  14.     }
  15.     function validate(form) {
  16.     var noerror = true;
  17.     if(!checkRadio('pyt1')) { noerror = false; }
  18.     if(noerror) {  
  19.     document.formularz.submit();
  20.     }	
  21. }
  22.     </script>
[PHP] pobierz, plaintext
_Borys_
16.03.2013, 20:19:28 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. 	<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
  5. 	<script type="text/javascript">
  6.     function checkRadio(inputName) {
  7.     var obj = document.formularz[inputName];
  8.     var len = obj.length;
  9.     for(var i=0; i<len; i++) {
  10.     if(obj[i].checked) return true;
  11.     }
  12.     document.getElementById('pepe').style.display = 'block';
  13.     return false;
  14.     }
  15.     function validate(form) {
  16.     var noerror = true;
  17.     var radio = new Array('pyt1','pyt2');
  18.     for(j=0;j<radio.length;j++){
  19.     if(!checkRadio(radio[j])) { noerror = false; }
  20.     }
  21.     if(noerror) {  
  22.     document.formularz.submit();
  23.     }	
  24.  
  25. }
  26.  
  27.     </script>
  28. </head>
  29.  
  30. <body>
  31.  
  32. <form name="formularz" id="formularz" method="post" action="input_radio_validate.htm" onsubmit="validate(); return false;">
  33. <li class="likert"><input type="radio" name="pyt1" value="Zdecydowanie się nie zgadzam" />1</li>
  34. <li class="likert"><input type="radio" name="pyt1" value="Nie zgadzam się" />2</li>
  35. <li class="likert"><input type="radio" name="pyt1" value="Nie mam zdania" />3</li>
  36. <li class="likert"><input type="radio" name="pyt1" value="Zgadzam się" />4</li>
  37. <li class="likert"><input type="radio" name="pyt1" value="Zdecydowanie się zgadzam " />5</li>
  38. <li class="likert"><input type="radio" name="pyt2" value="Zdecydowanie się nie zgadzam" />1</li>
  39. <li class="likert"><input type="radio" name="pyt2" value="Nie zgadzam się" />2</li>
  40. <li class="likert"><input type="radio" name="pyt2" value="Nie mam zdania" />3</li>
  41. <li class="likert"><input type="radio" name="pyt2" value="Zgadzam się" />4</li>
  42. <li class="likert"><input type="radio" name="pyt2" value="Zdecydowanie się zgadzam " />5</li>
  43. <input type="submit" value="OK"/>
  44. </form>
  45. <p id="pepe" style="display: none;">Uzupełnij pola</p>
  46. </body>
  47. </html>
[HTML] pobierz, plaintext
ravenaot
16.03.2013, 21:21:24
Waliduje super, ale nie dodaje zaś do bazy danych, zauwazyłem ze jak skasuje:; return false; z ponizszego kodu to dodaje do bazy danych, walidacja rowniez bedzie działac, ale wyswietli komunikat i od razu przejdzie do nastepnej strony czyli "pytania_6_10.php"

[PHP] pobierz, plaintext 
  1.  
  2. <form name="formularz" id="formularz" method="post" action="pytania_6_10.php" onsubmit="validate(); return false;">
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
  1. <form name="formularz" id="formularz" method="post" action="pytania_6_10.php" onsubmit="validate()">
[PHP] pobierz, plaintext
_Borys_
17.03.2013, 01:22:21
return false; musi być bo w przeciwnym razie przerzuca na następną stronę już po zaznaczeniu jednego radio, jeśli jest false to przerzuci dopiero po zaznaczeniu obydwóch radio. A czemu nie wrzuca do bazy to nie wiem, może coś z zapytaniem do bazy nie tak.
W każdym razie u mnie działa, w $_POST widać kliknięte radia.
Pamiętaj że masz teraz w $_POST pyt1 i pyt2, i dostosuj do tego zapytanie do bazy.
ravenaot
17.03.2013, 09:57:08
To jest moje zapytania do bazy, zapytania działa bezbłednie bez javascriptu. Czy cos powiniene tutaj poprawic ?
[PHP] pobierz, plaintext 
  1. 	require_once('bazadanych.php');
  2.   // Łączenie się z bazą danych.
  3.   $dbc = mysqli_connect(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
  4.  
  5.   if (isset($_POST['submit2'])) {
  6.     // Pobieranie danych do profilu z żądania POST.
  7. 	$pyt1 = $_POST['pyt1'];
  8. 	$pyt2 = $_POST['pyt2'];
  9. 	$pole3 = $_POST['pole3'];
  10. 	$ip = $_SERVER['REMOTE_ADDR'];
  11.  
  12. 		$query = "INSERT INTO odpowiedzi VALUES ('$pole3','$pyt1','$pyt2','$ip')";
  13. 		mysqli_query($dbc, $query);
  14. 		mysqli_close($dbc);
  15.  
  16. 	}	
[PHP] pobierz, plaintext
_Borys_
17.03.2013, 10:07:14
Wygląda ok, sprawdź co ci zwraca $_POST, wpisz
[PHP] pobierz, plaintext 
  1. print_r($_POST);
  2. if (isset($_POST['submit2'])){
[PHP] pobierz, plaintext
ravenaot
17.03.2013, 10:09:53 
[PHP] pobierz, plaintext 
  1. Array ( [pyt1] => Zdecydowanie się nie zgadzam [pyt2] => Zdecydowanie się nie zgadzam [pole3] => 55 [submit2] => Dalej ) 
[PHP] pobierz, plaintext



Zwraca taki komunikat
_Borys_
17.03.2013, 10:14:40
Może masz indeks w bazie i pole3 musi być niepowtarzalne;
Zobacz czy baza wywala błąd
[PHP] pobierz, plaintext 
  1. mysqli_query($dbc, $query) OR die(mysqli_error($dbc));
  2. mysqli_close($dbc);
[PHP] pobierz, plaintext
ravenaot
17.03.2013, 10:18:15
'pole3' to pobieranie ID z sesji z poprzedniej strony i w bazie jest auto increment.

błędu nie wywala.
_Borys_
17.03.2013, 10:26:51
Tam gdzie masz auto increment to nie wstawiaj żadnej wartości tylko puste '' w insert
[PHP] pobierz, plaintext 
  1. $query = "INSERT INTO odpowiedzi VALUES ('','$pyt1','$pyt2','$ip')";
[PHP] pobierz, plaintext

albo
[PHP] pobierz, plaintext 
  1. $query = "INSERT INTO odpowiedzi VALUES ('','$pole3','$pyt1','$pyt2','$ip')";
[PHP] pobierz, plaintext

Nie wiem na czym masz auto increment.
Poza tym jak w ten sposób wstawiasz do bazy to ilość pól w VALUES musi się zgadzać z ilością wierszy w tabeli w bazie.
ravenaot
17.03.2013, 10:31:46
Tak wyglada moj insert do bazy
[SQL] pobierz, plaintext 
  1. CREATE TABLE odpowiedzi(
  2. id int NOT NULL AUTO_INCREMENT,
  3. pyt1 varchar( 50 ) NULL ,
  4. pyt2 varchar( 50 ) NULL ,
  5. ip varchar( 60 ) NOT NULL,
  6. PRIMARY KEY (`id`)
  7. );
  8.  
[SQL] pobierz, plaintext
_Borys_
17.03.2013, 10:34:57
No to wstawiaj tak jak w tym pierwszym przykładzie post wyżej.
ravenaot
17.03.2013, 10:35:32
Tak własnie mam, dalej nie dodaje. Zastanawiam sie co moze byc jeszcze przyczyna?
_Borys_
17.03.2013, 11:01:10
U mnie nie zwraca submit2 w $_POST po poprawnej walidacji, pewnie dlatego,że submit jest wywoływany w javascript. Pomyślę nad tym jeszcze.
Na razie można w ten sposób
[PHP] pobierz, plaintext 
  1. if (!empty($_POST['pyt1']) && !empty($_POST['pyt2'])) {
[PHP] pobierz, plaintext
ravenaot
17.03.2013, 11:16:17
Borys jesteś wielki, działa jak nalezy! Dzieki za pomoc, czy ten sposob jest wystarczajacy w pełni i nie potrzeba go modyfikować ?
_Borys_
17.03.2013, 11:22:18
No należałoby zabezpieczyć przed sql injection.
ravenaot
17.03.2013, 16:26:11
w przypadku pola tekstowego będzie podobnie ?
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.