Witam. Połączyłem 2 skrypty aby otrzymać logowanie bez przeładowania i z komunikatami o błędzie, ale nie działa... Jakby ktoś mógłby mi pomóc to byłbym bardzo wdzięczny...
logowanie.php
<div class="container"><center>
<div id="result"></div>
<table id="logowanie" cellpadding="0" cellspacing="0" width="180">
<tr><td><br></td></tr>
<tr><td width="50">Login:</td><td><input type="text" name="login" maxlength="32"></td></tr>
<tr><td width="50">Hasło:</td><td><input type="password" name="haslo" maxlength="32"></td></tr>
<tr><td align="center" colspan="2"><button class="submit_btn" id="submit_btn">Zaloguj</button><br></td></tr>
</table>
</form></center>
</div>
</div>
<div class="cisti"></div>
<div id="omot_deo3">
</div>
</div>
<div id="footer" class="opacity">
<?php include("stopka.php"); ?>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#submit_btn").click(function() {
//Pobieramy dane
var login = $('input[name=login]').val();
var haslo = $('input[name=haslo]').val();
//Prosta walidacja (kolorujemy na czerwono pole jeśli jest puste
var proceed = true;
if(login==""){
$('input[name=login]').css('border-color','red');
proceed = false;
}
if(haslo==""){
$('input[name=haslo]').css('border-color','red');
proceed = false;
}
//wszystko w porządku idziemy dalej
if(proceed)
{
//Dane do wysłania
post_data = {'login':login, 'haslo':haslo};
//Przesłanie danych poprzez AJAX
$.post('login.php', post_data, function(response){
//wczytanie danych zwrotnych JSON
if(response.type == 'error')
{
output = '<div class="error">'+response.text+'</div>';
}else{
output = '<div class="success">'+response.text+'</div>';
//resetujemy wszystkie wartości
$('#logowanie input').val('');
}
$("#result").hide().html(output).slideDown();
}, 'json');
}
});
//resetujemy kolorowanie po zaczęciu pisania
$("#logowanie input").keyup(function() {
$("#logowanie input").css('border-color','');
$("#result").slideUp();
});
});
</script>
a tutaj plik login.php
<?php
if($_POST)
$login = $_POST['login'];
$haslo = $_POST['haslo'];
{
//Sprawdzamy czy jest to rządanie Ajax, jeśli nie..
if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND
strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {
//Kończymy skrypt wysyłając dane JSON
$output = json_encode(
'type'=>'error',
'text' => 'Rządanie musi przejść przez AJAX'
));
}
//Sprawdzamy czy wszystkie pola zostały wysłane. kończymy skrypt jeśli nie (tutaj dodawaj więcej pól, które są wymagane)
{
$output = json_encode
(array('type'=>'error', 'text' => 'POLA SĄ PUSTE!')); }
//Pobieramy dane z formularza
//$login = filter_var($login, FILTER_SANITIZE_STRING);
//$haslo = filter_var($haslo, FILTER_SANITIZE_EMAIL);
//Dodatkowa validacja PHP (tylko dla pól wymaganych)
if(strlen($login)<6) // Wywala błąd jeśli imię ma mniej niż 4 znaki {
$output = json_encode
(array('type'=>'error', 'text' => 'Login jest za krótki!')); }
if(strlen($haslo)<6) // Wywala błąd jeśli imię ma mniej niż 4 znaki {
$output = json_encode
(array('type'=>'error', 'text' => 'Haslo jest za krótkie!')); }
$istnick = mysql_fetch_array(mysql_query("SELECT COUNT(*) FROM `uzytkownicy` WHERE `nick` = '$login' AND `haslo` = '$haslo'")); // sprawdzenie czy istnieje uzytkownik o takim nicku i hasle if ($istnick[0] == 0) {
echo 'Logowanie nieudane. Sprawdź pisownię nicku oraz hasła.'; } else {
$_SESSION['nick'] = $login;
$_SESSION['haslo'] = $haslo;
header("Location: indeks.php"); }
?>
Ktoś może powiedzieć mi co tutaj jest źle albo poprawić ten kod i powiedzieć co było źle?
Z góry dziękuje pozdrawiam (IMG:
style_emoticons/default/smile.gif)
P.S. Tutaj nic nie działa... ani nie koloruje pól ani nie daje błędów...