• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Formularfelder leeren

SvenBLN

Neues Mitglied
Schönen guten Morgen,

ich versuche mich gerade ein wenig an Ajax heranzutasten.

Bisher funktioniert alles sehr gut, nur bekomme ich es nicht hin, dass nach dem Absenden des Formulars, die Formularfelder geleert werden.

So sieht der HTML Code aus:

HTML:
<div class="modal" id="pwfModal">
    <div class="modalBox">
        <div class="modalheader">Passwort vergessen</div>

        <form id="pwfForm" method="POST" action="#">

            <div id="pwfResponse"></div>
            <input type="hidden" name="formOption" value="pwf" />

            <div class="modalField">
                <input type="text" name="Member_Name" id="Member_Name" placeholder="Dein Benutzername" class="input">
            </div>
            
            <div class="modalField">
                <button type="submit" id="pwfSubmit">Absenden</button>
            </div>

        </form>
            
    </div>
</div>

Hier der JS / Ajax teil:

Javascript:
$(document).ready(function() {
    $('#pwfSubmit').click(function(e) {
        e.preventDefault();
        
        $.ajax({
            type:       'POST',
            url:        './request/pwforget.php',
            data:       $('#pwfForm').serialize(),
            dataType:   'text',
            success: function(response) {
                $('#pwfResponse').html(response);
            }
        });
    });
});

Gibt es eine einfache Methode, dass Textfeld nach dem Versand zu leeren?

Grüße
Sven
 
Werbung:
Zurück
Oben