Vielen Dank, dass Sie warnen, auf Formulareinreichung

StackOverflow https://stackoverflow.com/questions/1438722

  •  08-07-2019
  •  | 
  •  

Frage

Ich habe eine sehr einfache Form unter http://www.happyholidaylites.com/contact.html und es funktioniert super. Wenn Sie das Formular absenden, wird der Benutzer auf die index.html ohne Nachricht gebracht, dass das Formular gesendet wurde. Ich suche einen Alarm auszulösen, der sagt, mit einer x-Taste „Ihr Formular abgeschickt wurde“. Mein Code sieht wie folgt aus: 

      <form method="post" id="myForm" action="dynaform.php">

      <input type='hidden' name='rec_mailto' value='JBIRD1111@gmail.com'>
      <input type='hidden' name='rec_subject' value='New Contact Form'>
      <input type='hidden' name='rec_thanks' value='index.html'>

so weiter und so weiter .....

Die letzte Zeile ist, was die Form erzählt, was nach dem die einreichen tun Taste gedrückt, aber ich möchte nicht den Browser auf den Index verweisen, vielmehr möchte ich eine JavaScript-Popup mit einer Erfolgsmeldung. Irgendwelche Ideen?

War es hilfreich?

Lösung

Warum nicht einfach onSubmit? 

<form method="post" id="myForm" action="dynaform.php" onSubmit="alert('Thank you for your feedback.');" >

Andere Tipps

Um ehrlich zu sein sind Sie besser Umlenken auf eine andere Seite, um den Benutzer wieder die Einreichung der Seite auf eine Aktualisierung zu vermeiden. Hier finden Sie aktuelle Pfosten- / Redirect / Get-Muster .

Popups kann sehr ärgerlich auf Websites. Sie sollten eine Seite mit dem Namen „thank-you.html“ erstellen, die Sie kann der Benutzer über die erfolgreiche Einreichung umlenken, die den Zugriff auf die Site-Navigation Optionen hat oder sogar tun, nur eine Wieder direkt auf die Formularseite zurück nach ein paar Sekunden .

Statt index.html der Umleitung, Umleitung thanks.html; Ihre Benutzer danken Sie , weil jeder hasst Pop-ups!

Klingt wie PHP-Skript das Formular Vorlage behandelt, indem die Eingangsverarbeitungs und den Browser auf den Wert im rec_thanks Feld umgeleitet wird.

Sie können so etwas wie onsubmit="YourJavaScriptFunction()" den Formular-Tag hinzufügen clientseitige Verhalten vor dem eigentlichen Formular hinzuzufügen einreichen. Innerhalb dieser Funktion können Sie durchführen Validierung, Verwendung alert('Thank You!'), etc ..

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top