textarea nach versenden leeren

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

StephanBo

Mitglied
28 Januar 2012
175
0
16
Guten Nabend,

google spuckt zwar zu meiner Frage viele Antworten aus, dennoch bekomme ich es nicht hin. Es geht ganz einfach darum, dass nach dem Absenden eines Formulars mit einem textarea-Feld das Formular neu geladen werden soll, jedoch ohne den Inhalt des abgeschickten Textes.

Code:
                <!-- START AJAX SEND MESSAGE -->
                <div id="message-send-form-div">
                   
                   <script type="text/javascript">
                    $(document).ready(function()
                    {
                        $("#message-send-form").submit(function() {

                            // check if not empty field
                            if($('#chat-message-to-send').val() == "") {
                                // interrupt submitBtn
                                return false;
                            }
                            else {
                                $.ajax({
                                    type: "POST",
                                    url: "ajax-chat-send.php",
                                    data: "name-sender=" + $("#name-sender").val() + "&name-sender-id=" + $("#name-sender-id").val() + "&chat-message-to-send=" + $("#chat-message-to-send").val(),
                                    success: function(msg)
                                    {
                                        $("#message-send-form-div").hide().load("ajax-chat-send-reload.php").fadeIn(3000);
                                    }
                                });
                                return false;
                            }
                        });
                    });
                    </script>

                    <div class="substrate gradient-blue font-blue">
                        <h2>Schreibe...</h2>
                          <div id="ajax-chat-send-reload.php">
                                <form action="" id="message-send-form" method="post">
                                    <input type="hidden" id="name-sender" name="name-sender" value="<?=$c->username?>" />
                                    <input type="hidden" id="name-sender-id" name="name-sender-id" value="<?=$c->id?>" />
                                    <textarea id="chat-message-to-send" name="chat-message-to-send" class="chat-textbox" placeholder="hier!"></textarea>
                                    <br />
                                    <input type="submit" class="submit" value="Senden"  />
                                </form>
                          </div>
                    </div>

                </div>
                <!-- END AJAX SEND MESSAGE -->

Versucht habe ich bisher den Code:
Code:
 $('#chat-message-to-send').val('');
in die Funktion einzufügen, jedoch ohne Erfolg. Aber genau mit dieser Lösung soll es angeblich funktionieren. Hat jemand eine Idee warum es dennoch nicht funktioniert? Vielleicht habe ich auch den Code-Snippet falsch platziert. An welcher Stelle würde ihr den in der oben genannten Funktion setzen? Danke schon mal...
 

Tronjer

Senior HTML'ler
8 Oktober 2010
5.238
483
83
Berlin
Da gehört es aber eigentlich hin. Hast du denn mal in der Konsole ausprobiert, ob der Code auch die Textarea leert?
 

StephanBo

Mitglied
28 Januar 2012
175
0
16
Ok, Fehler gefunden und dieser lag ganz woanders.

$('#chat-message-to-send').val('');

ist richtigerweise im success gesetzt und damit wird das Formular auch nach dem Versenden geleert.
 
Werbung: