Уведомление о благодарности при отправке формы

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

  •  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!'), и т.д..

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top