Ankündigung

Einklappen
Keine Ankündigung bisher.

HTML Formular nach button klick löschen

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • HTML Formular nach button klick löschen

    Hallo....

    ich hab ein Formular wo der Nutzer daten Eintragen kann
    anschließend klickt er auf einen Button "buchen" und
    eine Meldung unter dem Formular erscheint

    "Erfolgreiche Buchung"

    Nach Klick auf den Button wird ein Eintrag in die Datenbank erfolgen jedoch bleiben aber die Daten im HTML Formularstehen
    welche der Nutzer eingetragen hat...
    Und um doppelte einträge in der Datenbank zu vermeiden will ich das HTML Automatisch resetten...
    Wie geht das?


  • #2
    Code?
    Ajax?
    Zitat von nikosch
    Macht doch alle was Ihr wollt mit Eurem Billigscheiß. Von mir aus sollen alle Eure Server abrauchen.

    Kommentar


    • #3
      Zitat von tkausl Beitrag anzeigen
      Code?
      Ajax?
      PHP-Code:
      <script type="text/javascript">
              jQuery(function(){
                      jQuery('#buchen').click(function(){
                              jQuery.post(
                                      'handle_buchung.php?',
                                      jQuery('#Buchung').serialize(),
                                      function(data){                                       
                                              jQuery('#content').append(data);
                                      },
                                      'html'
                              );

                      });

              });
      </script>

        <h3>Urlaub Buchen </h3>

        <p>Wir freuen Uns das sie Gast bei uns in der Ferienwohnung werden wollen, mit folgenden Formular
        k&ouml;nnen Sie ihren Urlaub buchen :-)
        <br>
        Nach erfolgreicher Buchung erhalten Sie ein Passwort zugewiesen, mithilfe dessen und ihrer E-Mail Adresse k&ouml;nnen Sie sich im G&auml;stebereich Einloggen,
        und ihrer Buchung verwalten. <p>

      <form id="Buchung" action="handle_buchung.php">
      <table>
              <?php     if(!isset($_SESSION["logged"])){    ?>
              <tr>    <td>*Name:</td>            <td><input type="text" name="name" size="30"></td>        </tr>
              <tr>    <td>*Vorname:</td>        <td><input type="text" name="vname" size="30"></td>     </tr>
              <tr>    <td>Stra&szlig;e:</td>    <td><input type="text" name="strasse" size="30"></td>    </tr>
              <tr>    <td>PLZ:</td>            <td><input type="text" name="plz" size="6">   
                          Ort:                   <input type="text" name="ort" size="30"></td>            </tr>
              <tr>    <td>*E-Mail:</td><td>    <input type="text" name="mail" size="30"></td>            </tr>
              <tr>    <td>Telefon:</td><td>    <input type="text" name="fon" size="30"></td>            </tr>
              <?php ?>
              <tr>    <td>*Anreise</td><td>    <input type="text" id="datepicker1" name="anreise"></td></tr>
              <tr>     <td>*Abreise</td><td>    <input type="text" id="datepicker2" name="abreise"></td></tr>
              <tr>    <td> Anzahl Personen </td><td> <select name="anzahlPersonen">
                                                          <option value="1">1</option>
                                                          <option value="2">2</option>
                                                          <option value="3">3</option>
                                                          <option value="4">4</option>
                                                          <option value="5">5</option>
                                                      </select></td>                                    </tr>
      </table>
      <input id="buchen" type="button" value="Anfrage" style="margin-top:20px">
      </form>

      Kommentar


      • #4
        Code:
        jQuery('#Buchung')[0].reset();
        Zitat von nikosch
        Macht doch alle was Ihr wollt mit Eurem Billigscheiß. Von mir aus sollen alle Eure Server abrauchen.

        Kommentar


        • #5
          Zitat von tkausl Beitrag anzeigen
          Code:
          jQuery('#Buchung')[0].reset();
          Hier rein? Oder an welcher Stelle im Skript?
          PHP-Code:
          <script type="text/javascript">
                  
          jQuery(function(){
                          
          jQuery('#buchen').click(function(){
                                  
          jQuery.post(
                                          
          'handle_buchung.php?',
                                          
          jQuery('#Buchung').serialize(),
                                          function(
          data){                                       
                                                  
          jQuery('#content').append(data);
                                          },
          [
          B][U]jQuery('#Buchung')[0].reset();[/U][/B]
                                          
          'html'
                                  
          );

                          });

                  });
          </script> 

          Kommentar


          • #6
            Code:
            <script type="text/javascript">
                    jQuery(function(){
                            jQuery('#buchen').click(function(){
                                    jQuery.post(
                                            'handle_buchung.php?',
                                            jQuery('#Buchung').serialize(),
                                            function(data){                                       
                                                    jQuery('#content').append(data);
                                                    jQuery('#Buchung')[0].reset();
                                            },
                                            'html'
                                    );
            
                            });
            
                    });
            </script>
            Ohne Grundlegende JavaScript/jQuery-Kentnisse wirst du nicht weit kommen...
            Zitat von nikosch
            Macht doch alle was Ihr wollt mit Eurem Billigscheiß. Von mir aus sollen alle Eure Server abrauchen.

            Kommentar


            • #7
              Danke es funktioniert

              Kommentar

              Lädt...
              X