Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][PHP]Formularz
Forum PHP.pl > Forum > Przedszkole
patryk20120
Witam,
otóż mam zrobione dwa formularze w AJAX'ie bez przeładowywania strony. Gdy miałem jeden wszystko działało, ale gdy dodałem ten drugi, strona po wpisaniu coś w drugi formularz i wysłaniu go się odświeżała, nie wiem jakim cudem.
Kod AJAX'a:
  1. $(document).ready(function(){
  2. $("form#logForm").submit(function() {
  3.  
  4. var usr_email = $('input[name=usr_email]');
  5. var pwd = $('input[name=pwd]');
  6.  
  7. var data = 'usr_email=' + usr_email.val() + '&pwd=' + pwd.val();
  8.  
  9. $.ajax({
  10. type: "POST",
  11. url: "load.php?load=logowanie",
  12. data: data,
  13. success: function(){
  14. $('#usr_email').val('');
  15. $('#pwd').val('');
  16. ukryjlogowanie();
  17. setTimeout("logpoukr();", 1500);
  18. setTimeout("pokazlogowanie();", 1500);
  19. $('#sbinputs').load('load.php?load=sbinputsp');
  20.  
  21.  
  22. }
  23.  
  24. });
  25. return false;
  26. });
  27. $("form#submit").submit(function() {
  28. var text = $('input[name=text]');
  29.  
  30.  
  31. var data = 'text=' + text.val();
  32.  
  33. $.ajax({
  34. type: "POST",
  35. url: "load.php?load=sbwyslij",
  36. data: data,
  37. success: function(){
  38. $('#text').val('');
  39.  
  40. }
  41.  
  42. });
  43. return false;
  44. });
  45. });

Np. zaloguje się używając pierwszego formularza i jest ok, strona się nie przeładowuje, a mnie loguj. Lecz gdy próbuję potem użyć następnego formularza, to strona się przeładowuje :/
lobopol
pokaż formularze i do wysyłania używaj serialize a nie var data = 'usr_email=' + usr_email.val() + '&pwd=' + pwd.val();
patryk20120
serialize questionmark.gif Czyli jak to powinno wyglądać questionmark.gif

Pierwszy formularz:
  1. <form action="" id="submit" method="post" name="submit">
  2. Text:
  3. <input type="text" name="text" id="text" class="text" size="20" />
  4. <br>
  5. <button type="submit">Wyślij</button>
  6. </form>


Drugi:
  1. <form action="" method="post" name="logForm" id="logForm" >
  2. <div class="login">Login: <input name="usr_email" id="usr_email" type="text" >
  3. </div>
  4. <div class="haslo">Hasło: <input name="pwd" id="pwd" type="password" >
  5. </div>
  6. <div class="info">
  7. Nie masz jeszcze konta?<br>
  8. <a href="rej.php">Zarejestruj się !</a>
  9. </div>
  10. <div class="zaloguj">
  11. <button type="submit"> Loguj </button></form>


EDIT: OK zrobiłem z serialize, ale nie mam pojęcia czemu mi dalej przeładowuje stronę tongue.gif

Może nie mogą być dwa formularze w takim stylu questionmark.gif Może trzeba je jakoś inaczej ułozyć questionmark.gif tongue.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-2024 Invision Power Services, Inc.