Уведомление о благодарности при отправке формы
-
08-07-2019 - |
Вопрос
У меня есть очень простая форма в 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 с сообщением об успешном завершении.Есть какие-нибудь идеи?
Решение
Почему бы не просто отправить запрос?
<form method="post" id="myForm" action="dynaform.php" onSubmit="alert('Thank you for your feedback.');" >
Другие советы
Честно говоря, вам лучше перенаправить на другую страницу, чтобы избежать повторной отправки страницы пользователем при обновлении.Взгляните на Опубликовать / Перенаправить / Получить Шаблон.
Всплывающие окна могут быть чрезвычайно раздражающими на веб-сайтах.Вам следует создать страницу с именем "thank-you.html ", на которую вы можете перенаправить пользователя после успешной отправки, который имеет доступ к параметрам навигации по сайту, или даже просто перенаправить обратно на страницу формы через несколько секунд.
Вместо перенаправления на index.html перенаправьте на thanks.html;ваши пользователи будут благодарны ты потому что все ненавидят всплывающие окна!
Похоже, что ваш PHP-скрипт обрабатывает отправку формы, обрабатывая входные данные и перенаправляя браузер на значение в rec_thanks
поле.
Вы можете добавить что-то вроде onsubmit="YourJavaScriptFunction()"
к тегу формы, чтобы добавить поведение на стороне клиента до фактической отправки формы.В рамках этой функции вы можете выполнить проверку, используя alert('Thank You!')
, и т.д..