<script> $(document).ready(function() { $('#errorConsole').hide(); $('form[name=RegisterForm]').submit(function() { $.post('check.php',{ name: $('[name=name]').val(), last_name: $('[name=last_name]').val(), login: $('[name=login]').val(), email: $('[name=email]').val() }, function(data) { if(data.name_empty) { $("#imie").addClass("background2"); } else { $("#imie").addClass("background1"); } if(data.last_name_empty) { $("#nazwisko").addClass("background2"); } else { $("#nazwisko").addClass("background1"); } if(data.login_empty) { $("#login").addClass("background2"); } else { $("#login").addClass("background1"); } if(data.email_empty) { $("#email").addClass("background2"); } else { $("#email").addClass("background1"); } }, 'json'); return false; }); }); </script>
<?php if($_POST) { $name = $_POST['name']; $last_name = $_POST['last_name']; $email = $_POST['email']; if($polaczenie) { if($baza) { if($name == '') { $data['name_empty'] = false; $data['message_name_empty'] = "Musisz wpisac imie!"; } else { $data['name_empty'] = true; } if($last_name == '') { $data['last_name_empty'] = false; $data['message_last_name_empty'] = "Musisz wpisac nazwisko!"; } else { $data['last_name_empty'] = true; } if($login == '') { $data['login_empty'] = false; $data['message_login_empty'] = "Musisz wpisac login!"; } else { $data['login_empty'] = true; } if($email == '') { $data['email_empty'] = false; $data['message_email_empty'] = "Musisz wpisac email!"; } else { $data['email_empty'] = true; } else { } } else { } } ?>
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ą.