Problem z formularzem ajaxowym Opcje

[amster]

Witajcie:)

Kurcze mam pewien problem z formularzem;// Chodzi o to, że po naciśnięciu przycisku chciałbym żeby pokazywała się wiadomość;/ Niestety nie działa.. Znaczy działa gdy jest samo fieldset, jednak gdy zmieniam na form, wówczas już nie pokazuje się;/

[XML] pobierz, plaintext 
<form class="form" method="POST">
    input type="hidden" name="send"/>
        <p class="login">  
            <label for="login">Login</label> 
            <input class="log" type="text" name="login" id="name" />                           
         </p>  
             <p class="login">  
            <label for="haslo">Hasło</label>  
            <input type="text" name="haslo" /> 
                 </p>  
         <p class="checkbox">                        
             <input type="checkbox" name="pamietaj"><b>Zapamiętaj</b><br />                        
        </p>
        <p class="submit">  
            <input id="sendMail" type="submit" name="submit" onclick="closeForm()"/>  
        </p>       
</form>        
 
<span id="message">Formularz został wysłany pomyślnie.</span>  
[XML] pobierz, plaintext 

i funkcja wywołująca go:

[XML] pobierz, plaintext 
function closeForm(){
$("#messageSent").show("slow");
setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
}
[XML] pobierz, plaintext 

Baaardzo będę wdzięczny za pomoc..

[markonix]

Nie, znacznie łatwiej to będzie wyglądać.

http://api.jquery.com/jQuery.post/
Wysyłasz formularz pod adres gdzie byś go normalnie wysłał - tam gdzie jest skrypt logowania.
Plik ten musi Ci zwrócić dane - najprościej html lub json - w zależności co zwróci wyświetlasz błąd lub np. robisz przekierowanie.

Zamiast onClick użyj http://api.jquery.com/submit/
Zatrzymanie wysłania submit http://api.jquery.com/event.preventDefault/

Ten post edytował markonix 19.05.2011, 09:32:01