Forum PHP.pl

Witam

Napisałem skrypt logowania w ajaxie skrypt działa jak najlepiej. Tylko jest jeden mały problem który mnie trapi jezeli nacisne enter to nie chce mnie dalej zalogować oraz brak zapamietywania haseł przez przeglądarke. Domyślam sie ze problem leży w znaczniku <form> aczkolwiek jak go umiesić żeby logowanie działało jak działa ale i do tego posiadało wyżej wymienione cechy.

Dziekuje i pozdrawiam

[HTML] pobierz, plaintext 
<input name="loginName" type="text" class="newInput"/><br /><input name="loginPass" type="password" class="newInput"/><br /><br />
<input type="submit" name="Submit" value="Zaloguj"  href="#get-ajaxData" id="ajaxClick" class="newSubmit"/>
 
<script type="text/javascript">
 
$(document).ready(function(){
 
$("#ajaxClick").click(function () {
 
$("#ajaxData").html('&nbsp;<img src="images/ajax_load.gif" />');
 
$.ajax({
 
type: "POST",
 
data: "loginName=" + $("input[name=loginName]").val() + "&loginPass=" + $("input[name=loginPass]").val(),
 
url: "ajax_load/ajax_login.php",
 
success: function(msg){ $("#ajaxData").html(msg) }
 
}); });	});
 
</script>
 
[HTML] pobierz, plaintext 

Najprostsze i najkrótsze rozwiązanie;

Do tagu FORM dopisz coś takiego:

[HTML] pobierz, plaintext 
onkeydown="if(event.keyCode==13){i_tutaj_wywoływana_ajaxowa_akcja}"
[HTML] pobierz, plaintext 

prawdopodobnie to będzie u Ciebie tak wyglądało:

[HTML] pobierz, plaintext 
 onkeydown="if(event.keyCode==13){#get-ajaxData}"
[HTML] pobierz, plaintext 

Enter powinien zacząć działać.

Kurde nie działa

Może dało by rade żeby cos w stylu <form act="#get-ajaxData> ?

W zasadzie nie wiem z jakiej biblioteki korzystasz. Moge się tylko domyślać jak działa. Ja korzystałem z xajaxa, dawniej z sajaxa, a teraz uczę się czystego. Na myśl przychodzi mi jeszcze jedna rzecz.
(Korzystam z FF, ten kod całkiem prawdopodobnie nie działa na IE, można potem to nieco rozbudować by było zgodne, jednak w najprostszej postaci chciałem to przedstawić)

Spróbuj coś takiego:

[HTML] pobierz, plaintext 
onKeyDown="if(event.keyCode==13){window.open("#get-ajaxData");return false}"
[HTML] pobierz, plaintext 

albo "return true", nie mam pewności:P

Jak coś to rozwiązałem już ten problem wystarczyło umiescić w znaczniku form onsubmit="return false;"

Pozdrawiam