Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Pomoc ze wstawieniem efektu do skryptu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
michat34
Witam, szukałem w intercienie, ale nie łapie tego, moze jakby mi ktos pokazał na przykładzie bardziej bym to zrozumiał. Mianowicie mam taki skrypt rejestracji php/js:

  1. <?php
  2. if (isset($_POST['rejestruj']))
  3. {
  4. $login = $_POST['login'];
  5. $haslo = $_POST['haslo'];
  6. $email = $_POST['email'];
  7. $ciag_login = '/^[A-Za-z0-9]+$/D';
  8. $ciag_email = '/^[a-zA-Z0-9\.\-_]+\@[a-zA-Z0-9\.\-_]+\.[a-z]{2,8}$/D';
  9.  
  10. $bledy = array();
  11. if (((strlen($login))<3) || ((strlen($login))>20)) $bledy[0] = true;
  12. if (!(preg_match($ciag_login,$login))) $bledy[1] = true;
  13. if (((strlen($haslo))<5) || ((strlen($haslo))>30)) $bledy[2] = true;
  14. if (!(preg_match($ciag_email,$email))) $bledy[3] = true;
  15.  
  16. if (empty($bledy))
  17. {
  18. $pdo = new PDO('mysql:host=localhost;dbname=michat34', 'michat34', 'mud305000');
  19.  
  20. $stmt = $pdo->prepare('INSERT INTO uzytkownicy (login,haslo,email,data1) VALUES (:login,:haslo,:email,:data1)');
  21.  
  22. $stmt->bindValue(':login',$login,PDO::PARAM_STR);
  23. $stmt->bindValue(':haslo',$haslo,PDO::PARAM_STR);
  24. $stmt->bindValue(':email',$email,PDO::PARAM_STR);
  25. $stmt->bindValue(':data1',date("Y-m-d"),PDO::PARAM_STR);
  26.  
  27. $ilosc = $stmt->execute();
  28.  
  29. echo 'Pomyslnie zarejestrowano';
  30. } else
  31. {
  32. echo 'Wystapiły błędy:';
  33. echo '<ul>';
  34. if (isset($bledy[0])) echo '<li>Login musi mieć min. 3 znaki i maks. 20 znaków</li>';
  35. if (isset($bledy[1])) echo '<li>Login może zawierać tylko cyfry oraz małe i duże litery</li>';
  36. if (isset($bledy[2])) echo '<li>Hasło musi mieć min. 5 znaków i maks. 30 znaków</li>';
  37. if (isset($bledy[3])) echo '<li>Niepoprawny adres e-mail</li>';
  38. echo '</ul>';
  39. }
  40. }
  41.  
  42.  

  1. Rejestracja
  2. <form action="index.php" method="post">
  3. <tr><td>Login:</td><td><input type="text" name="login" id="login" autocomplete="off" tabindex="1" class="reg"></td><td><input type="text" name="login_stan" id="login_stan" size="100" class="stan" readonly></td></tr>
  4. <tr><td>Hasło:</td><td><input type="password" name="haslo" id="haslo" autocomplete="off" tabindex="2" class="reg"></td><td><input type="text" name="haslo_stan" id="haslo_stan" size="100" class="stan" readonly></td></tr>
  5. <tr><td>E-mail:</td><td><input type="text" name="email" id="email" autocomplete="off" tabindex="3" class="reg"></td><td><input type="text" name="email_stan" id="email_stan" size="100" class="stan" readonly></td></tr>
  6. <input type="submit" name="rejestruj" value="Rejestruj">
  7. </form>

  1. <script type="text/javascript">
  2. var login = document.getElementById('login');
  3. var login_stan = document.getElementById('login_stan');
  4. var haslo = document.getElementById('haslo');
  5. var haslo_stan = document.getElementById('haslo_stan');
  6. var email = document.getElementById('email');
  7. var email_stan = document.getElementById('email_stan');
  8.  
  9. function sprawdz_login ()
  10. {
  11. var ciag = /^([A-Za-z0-9])+$/;
  12. if (login.value.length == 0)
  13. {
  14. login.style.borderColor="black";
  15. login_stan.style.color="black";
  16. login_stan.value='';
  17. } else if ((login.value.length < 3) || (login.value.length > 20))
  18. {
  19. login.style.borderColor="red";
  20. login_stan.style.color="red";
  21. login_stan.value='Długość loginu musi wynosić min. 3 znaki i maks. 20 znaków';
  22. } else if (!(ciag.test(login.value)))
  23. {
  24. login.style.borderColor="red";
  25. login_stan.style.color="red";
  26. login_stan.value='Login może zawierać jedynie cyfry oraz duże i małe litery (bez polskich znaków)';
  27. } else
  28. {
  29. login.style.borderColor="green";
  30. login_stan.style.color="green";
  31. login_stan.value='OK';
  32. }
  33. }
  34.  
  35. function sprawdz_haslo ()
  36. {
  37. if (haslo.value.length == 0)
  38. {
  39. haslo.style.borderColor="black";
  40. haslo_stan.style.color="black";
  41. haslo_stan.value='';
  42. } else if ((haslo.value.length < 5) || (haslo.value.length > 30))
  43. {
  44. haslo.style.borderColor="red";
  45. haslo_stan.style.color="red";
  46. haslo_stan.value='Długość hasła musi wynosić min. 5 znaków i maks. 30 znaków';
  47. } else
  48. {
  49. haslo.style.borderColor="green";
  50. haslo_stan.style.color="green";
  51. haslo_stan.value='OK';
  52. }
  53. }
  54.  
  55. function sprawdz_email ()
  56. {
  57. var ciag = /^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,8}$/;
  58. if (email.value.length == 0)
  59. {
  60. email.style.borderColor="black";
  61. email_stan.style.color="black";
  62. email_stan.value='';
  63. } else if (!(ciag.test(email.value)))
  64. {
  65. email.style.borderColor="red";
  66. email_stan.style.color="red";
  67. email_stan.value='Podaj poprawny e-mail';
  68. } else
  69. {
  70. email.style.borderColor="green";
  71. email_stan.style.color="green";
  72. email_stan.value='OK';
  73. }
  74. }
  75.  
  76. login.onchange = sprawdz_login;
  77. haslo.onchange = sprawdz_haslo;
  78. email.onchange = sprawdz_email;
  79. </script>


I chcialbym zeby napisy Pomyslnie Zarejestrowano i Wystapiły Błedy (wraz z bledami) wyswietlały sie z efektem FADE IN. mógłby mi to ktos wkleić do kodu? pozdrawiam
sowiq
Piszesz w temacie o jQuery, ale Twój kod nawet nie leżał koło tej biblioteki. Polecam zacząć od jakiegoś tutoriala dla początkujących. Z tego co kojarzę, to ten był całkiem przyzwoity: http://ferrante.pl/frontend/javascript/jquery-to-latwe-1/

Cytat
mógłby mi to ktos wkleić do kodu?
Wysil się trochę, nikt za Ciebie nie będzie tego robił wink.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-2025 Invision Power Services, Inc.