Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ajax jquery
Forum PHP.pl > Forum > XML, AJAX
attimo
7.03.2010, 11:48:08 
[JAVASCRIPT] pobierz, plaintext 
  1. var name, pass, ajax;
  2.  
  3. function waliduj() {
  4.     name = $(".name").val();
  5.     pass = $(".pass").val();
  6.  
  7.     var reg = /^[a-zA-Z0-9 ]+$/;
  8.     if (name.length > 0) {
  9.         if (!reg.test(name)) {
  10.             alert('Nazwa użytkownika zawiera niedozwolone znaki!');
  11.             return false;
  12.         }
  13.     }else{
  14.         alert('Podaj nazwę użytkownika!');
  15.         return false;
  16.     }
  17.  
  18.     if (pass.length > 0) {
  19.         if (!reg.test(pass)) {
  20.             alert('Hasło zawiera niedozwolone znaki!');
  21.             return false;
  22.         }
  23.     }else{
  24.         alert('Podaj hasło!');
  25.         return false;
  26.     }
  27.  
  28.     ajax = name;
  29.     ajax = pass;
  30.     return true;
  31. }
  32.  
  33. function sendForm() {
  34.     if (waliduj() == true) {
  35.             ajax = $.ajax({
  36.             type: "POST",
  37.             url: "form.php",
  38.             data: ({name : this.name, password : this.pass}),
  39.             dataType: "html",
  40.             success: function (msg) {
  41.                 if (msg.indexOf('ok') >= 0) {
  42.                     $("#form").hide();
  43.                     $("#response").text('Zostałeś pomyślnie zalogowany!');
  44.                 }else{
  45.                     $("#response").text('Niepoprawny login/hasło');
  46.                 }
  47.  
  48.             }    
  49.         });
  50.     }    
  51. }
  52. $(document).ready(
  53. 	    function() {
  54.  
  55.  
  56. 	    }
  57. 	);
[JAVASCRIPT] pobierz, plaintext


z gory uprzedzam przyklad zaczerpniety z forum. Moje pytanie jest takie, jak zinterpretować dane wyslane przez ajaxa w pliku form.php ? i jak sie je zwraca.

Znalazłem coś innego, prostszego niestety nie działa. Wszystko wydaje się być poprawnie napisane.

[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" lang="pl-PL">
  3. <head>
  4. <title>Strona z dodawaniem i usuwaniem elementów formularza</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  6. <script language="javascript" type="text/javascript" src="prototype.js"></script>
  7. <script language="javascript" type="text/javascript" src="check_login.js"></script>
  8. </head>
  9. <body>
  10. <div id="errorResult"></div>
  11. <form method="post" action="java script:checkLogin();">
  12. <input type="text" id="login" name="login" />
  13. <input type="submit" name="Submit" id="checkButton" value="Sprawdź dostępość" />
  14. </form>
  15. </body>
  16. </html>
[HTML] pobierz, plaintext


plik check_login.js
[JAVASCRIPT] pobierz, plaintext 
  1. function checkLogin(){
  2. var login = document.getElementById("login").value;
  3. var errorResult = document.getElementById("errorResult");
  4.  if(login==''){
  5.  errorResult.innerHTML = 'Błąd: Nie podano <b>Loginu</b>';
  6.  }
  7.  var myAjax = new Ajax.Request(
  8.  'check_login.php',
  9.   {
  10.    method: 'post',
  11.    parameters: "login="+login;
  12.    onComplete: showResponse
  13.    });
  14. }
  15. function showResponse(text){
  16. var errorResult = document.getElementById("errorResult");
  17. registerResult.innerHTML  = text.responseText;
  18. }
[JAVASCRIPT] pobierz, plaintext


na tym bym się zatrzymał bo dalej kod nie jest wykonywany. Gdy wartość pola jest pusta powinien pokazać się błąd, że nic nie jest wpisane niestety tak się nie dzieje, dlaczego ? Mówiąc prościej funkcja checkLogin się nie wykonuje.
phpmens
20.04.2010, 15:12:14
wysyłaj dane do funkcji ajax przyciskiem i pobieraj var form0 = $("#nick").val();
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.