Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] walidacja formularza
ravenaot
post 16.03.2013, 16:51:26
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

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


Ten post edytował ravenaot 16.03.2013, 17:37:02
Go to the top of the page
+Quote Post
_Borys_
post 16.03.2013, 20:19:28
Post #2





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

[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
Go to the top of the page
+Quote Post
ravenaot
post 16.03.2013, 21:21:24
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

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


Ten post edytował ravenaot 16.03.2013, 21:23:41
Go to the top of the page
+Quote Post
_Borys_
post 17.03.2013, 01:22:21
Post #4





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

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.

Ten post edytował _Borys_ 17.03.2013, 01:28:32
Go to the top of the page
+Quote Post
ravenaot
post 17.03.2013, 09:57:08
Post #5





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

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


Ten post edytował ravenaot 17.03.2013, 09:59:12
Go to the top of the page
+Quote Post
_Borys_
post 17.03.2013, 10:07:14
Post #6





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

Wygląda ok, sprawdź co ci zwraca $_POST, wpisz
[PHP] pobierz, plaintext 
  1. print_r($_POST);
  2. if (isset($_POST['submit2'])){
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
ravenaot
post 17.03.2013, 10:09:53
Post #7





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

[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
Go to the top of the page
+Quote Post
_Borys_
post 17.03.2013, 10:14:40
Post #8





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

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


Ten post edytował _Borys_ 17.03.2013, 11:48:46
Go to the top of the page
+Quote Post
ravenaot
post 17.03.2013, 10:18:15
Post #9





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

'pole3' to pobieranie ID z sesji z poprzedniej strony i w bazie jest auto increment.

błędu nie wywala.

Ten post edytował ravenaot 17.03.2013, 10:18:26
Go to the top of the page
+Quote Post
_Borys_
post 17.03.2013, 10:26:51
Post #10





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

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.

Ten post edytował _Borys_ 17.03.2013, 10:31:29
Go to the top of the page
+Quote Post
ravenaot
post 17.03.2013, 10:31:46
Post #11





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

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
Go to the top of the page
+Quote Post
_Borys_
post 17.03.2013, 10:34:57
Post #12





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

No to wstawiaj tak jak w tym pierwszym przykładzie post wyżej.
Go to the top of the page
+Quote Post
ravenaot
post 17.03.2013, 10:35:32
Post #13





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

Tak własnie mam, dalej nie dodaje. Zastanawiam sie co moze byc jeszcze przyczyna?
Go to the top of the page
+Quote Post
_Borys_
post 17.03.2013, 11:01:10
Post #14





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

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
Go to the top of the page
+Quote Post
ravenaot
post 17.03.2013, 11:16:17
Post #15





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

Borys jesteś wielki, działa jak nalezy! Dzieki za pomoc, czy ten sposob jest wystarczajacy w pełni i nie potrzeba go modyfikować ?
Go to the top of the page
+Quote Post
_Borys_
post 17.03.2013, 11:22:18
Post #16





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

No należałoby zabezpieczyć przed sql injection.
Go to the top of the page
+Quote Post
ravenaot
post 17.03.2013, 16:26:11
Post #17





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.03.2013

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

w przypadku pola tekstowego będzie podobnie ?
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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:07
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn