Obrigado alerta ao envio do formulário

Question

Eu tenho um formulário muito básico em http://www.happyholidaylites.com/contact.html e está trabalhando muito. Quando você enviar o formulário, o usuário é levado ao index.html com nenhuma mensagem de que o formulário foi enviado. Eu estou olhando para iniciar um alerta que diz: "o seu formulário foi submetido" com um botão x. Meus olhares código como este:

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

assim por diante e assim por diante .....

A última linha é o que está dizendo a forma o que fazer após o botão enviar é pressionado, mas eu não quero isso para apontar o navegador para o índice, em vez eu quero um popup javascript com uma mensagem de sucesso. Alguma idéia?

Answer 1

Por que não um onSubmit simples?

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

Answer 2

Para ser honesto você é melhor re-direcionar para outra página, a fim de evitar que o usuário re-apresentação da página em uma atualização. Ter um olhar para Post / Redirect / Get padrão .

Popups pode ser extremamente irritante em sites. Você deve criar uma página chamada "agradecer-you.html" que você pode re-direcionar o usuário para a submissão de sucesso que tem acesso às opções de navegação do site ou até mesmo fazer um back re-direta para a página de formulário depois de alguns segundos .

Answer 3

Em vez de redirecionar para index.html, redirecionamento para obrigado.html; seus usuários vão agradecer você , pois odeia todo mundo popups!

Answer 4

Parece que o seu PHP alças de script do formulário de apresentação de processar a entrada e redirecionar o navegador para o valor no campo rec_thanks.

Você pode adicionar algo como onsubmit="YourJavaScriptFunction()" ao tag formulário para adicionar o comportamento do lado do cliente antes de realmente enviar o formulário. Dentro dessa função, você pode executar a validação, o uso alert('Thank You!'), etc ..