Спасибо, уведомление при отправке формы

Question

У меня есть очень простая форма на http://www.happyholidaylites.com/contact.html, и она отлично работает. Когда вы отправляете форму, пользователь попадает в index.html без сообщения о том, что форма была отправлена. Я хочу инициировать оповещение, в котором говорится, что "ваша форма отправлена" с помощью кнопки x. Мой код выглядит так:

      <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'>

и так далее и тому подобное .....

Последняя строка говорит форме, что делать после нажатия кнопки отправки, но я не хочу, чтобы она указывала браузеру на индекс, скорее я хочу всплывающее окно javascript с сообщением об успехе. Есть идеи?

Answer 1

Почему бы не простой onSubmit?

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

Answer 2

Если честно, вам лучше перенаправить на другую страницу, чтобы избежать повторной отправки пользователем страницы при обновлении. Взгляните на Post / Redirect / Get Pattern .

Всплывающие окна могут быть очень раздражающими на веб-сайтах. Вы должны создать страницу с именем "thank-you.html", на которую можно перенаправить пользователя при успешной отправке, которая имеет доступ к параметрам навигации по сайту, или даже просто через несколько секунд перенаправить обратно на страницу формы .

Answer 3

Вместо перенаправления на index.html, перенаправьте на thanks.html; Ваши пользователи будут благодарны вам , потому что все ненавидят всплывающие окна!

Answer 4

Похоже, ваш PHP-скрипт обрабатывает отправку формы, обрабатывая ввод и перенаправляя браузер на значение в поле rec_thanks.

Вы можете добавить что-то вроде onsubmit="YourJavaScriptFunction()" в тег формы, чтобы добавить поведение на стороне клиента до фактической отправки формы. В рамках этой функции вы можете выполнить проверку, использовать alert('Thank You!') и т. Д.