1. <style type="text/css">
  2. .background1
  3. {
  4. background: red;
  5. }
  6. .background2
  7. {
  8. background: green;
  9. }


[JAVASCRIPT] pobierz, plaintext
  1. <script>
  2. $(document).ready(function() {
  3. $('#errorConsole').hide();
  4. $('form[name=RegisterForm]').submit(function() {
  5. $.post('check.php',{
  6. name: $('[name=name]').val(),
  7. last_name: $('[name=last_name]').val(),
  8. login: $('[name=login]').val(),
  9. email: $('[name=email]').val()
  10. },
  11. function(data) {
  12. if(data.name_empty)
  13. {
  14. $("#imie").addClass("background2");
  15. }
  16. else
  17. {
  18. $("#imie").addClass("background1");
  19. }
  20.  
  21. if(data.last_name_empty)
  22. {
  23. $("#nazwisko").addClass("background2");
  24. }
  25. else
  26. {
  27. $("#nazwisko").addClass("background1");
  28. }
  29.  
  30. if(data.login_empty)
  31. {
  32. $("#login").addClass("background2");
  33. }
  34. else
  35. {
  36. $("#login").addClass("background1");
  37. }
  38.  
  39. if(data.email_empty)
  40. {
  41. $("#email").addClass("background2");
  42. }
  43. else
  44. {
  45. $("#email").addClass("background1");
  46. }
  47.  
  48.  
  49. }, 'json');
  50. return false;
  51. });
  52. });
  53. </script>
[JAVASCRIPT] pobierz, plaintext



  1. <div id='errorConsole'></div>
  2. <form method='post' action='Rejestracja.php' name='RegisterForm'>
  3. Imie:<br />
  4. <input id='imie' type='text' name='name'/><br />
  5. Nazwisko:<br />
  6. <input id='nazwisko' type='text' name='last_name'/><br />
  7. Login:<br />
  8. <input id='login' type='text' name='login'/><br />
  9. Email:<br />
  10. <input id='email' type='text' name='email'/><br />
  11.  
  12. <input type='submit' value='Rejestruj' />
  13. </form>



  1. <?php
  2. if($_POST)
  3. {
  4. $name = $_POST['name'];
  5. $last_name = $_POST['last_name'];
  6. $login = trim($_POST['login']);
  7. $email = $_POST['email'];
  8. $polaczenie = mysql_connect('', '', '');
  9. if($polaczenie) {
  10. $baza = mysql_select_db('',$polaczenie);
  11. if($baza) {
  12. mysql_query("SET NAMES utf8");
  13. mysql_query("SET CHARACTER_SET utf8_polish_ci");
  14. if($name == '') {
  15. $data['name_empty'] = false;
  16. $data['message_name_empty'] = "Musisz wpisac imie!";
  17. }
  18. else {
  19. $data['name_empty'] = true;
  20. }
  21.  
  22. if($last_name == '') {
  23. $data['last_name_empty'] = false;
  24. $data['message_last_name_empty'] = "Musisz wpisac nazwisko!";
  25. }
  26. else {
  27. $data['last_name_empty'] = true;
  28. }
  29.  
  30. if($login == '') {
  31. $data['login_empty'] = false;
  32. $data['message_login_empty'] = "Musisz wpisac login!";
  33. }
  34. else {
  35. $data['login_empty'] = true;
  36. }
  37.  
  38. if($email == '') {
  39. $data['email_empty'] = false;
  40. $data['message_email_empty'] = "Musisz wpisac email!";
  41. }
  42. else {
  43. $data['email_empty'] = true;
  44. }
  45.  
  46. else {
  47. echo "nie wybrano bazy, blad". mysql_error();
  48. }
  49. }
  50. else {
  51. echo "brak polaczenia: ".mysql_error();
  52. }
  53.  
  54. echo json_encode($data);
  55. }
  56. ?>


Zasada działania jest prosta: Jeśli nie jest nic wpisane to pole formularza jest czerwone jeśli coś jest wpisane to zielone. Teoretycznie działa, ale tylko w jedną strone. Gdy wpisze coś pole jest zielone, ale gdy usune z niego to co wpisalem to powinno być czerwone niestety nadal jest zielone.


Problem rozwiązany, trzeba najpierw usunąć klase by móc dodać nową.