Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

dani_nutri

[Resolvido] Formulario para envio de email

Por , em Javascript

Recommended Posts

dani_nutri    0

dani_nutri
Postado

Olá a todos!!

Gostaria de uma ajuda para adicionar a mensagem "Sua mensagem foi enviada com sucesso" quando um usuário que está na página de "fale conosco" do meu site deixar uma mensagem. Não consegui colocar essa mensagem de alerta, acredito que seja simples, mas estou precisando de ajuda urgente!!

Recebo normalmente os emails dos usuários da página, mas gostaria que els tivessem uma confirmação de que o e-mail foi realmente enviado.

 

Segue abaixo o script para a página:

<script type="text/javascript">
function checkEmail (strng) {
var flagError = false;
var error="";

if (strng == "") {
error = alert("O endereço de e-mail deve ser preenchido.");
flagError = true;
}

if (!flagError) {
var illegalChars = /(@.*@)|(@\.)|(@\-)|(@_)(\.@)|(\-@)|(\.\.)|(^\.)|(\.$)|(\.\-)|(\._)|(\-\.)|(_\.)|(^_)|(_$)|(_\-)|(\-\-)|(^\-)|(\-$)|(\-_)/;
if (strng.match(illegalChars)) {
error = alert("O endereço de e-mail contém caracteres inválidos.");
flagError = true;
}
}

if (!flagError) {
var emailFilter = /^\S+\@(\[?)[a-zA-Z0-9_\-\.]+\.([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if (!(emailFilter.test(strng))) {
error = alert("O endereço de e-mail não está em um formato válido.");
flagError = true;
}
}

if (!flagError) {
var emailFilter = /^([a-zA-Z0-9\@_\-\.\+]+)$/;
if (!(emailFilter.test(strng))) {
error = alert("O endereço de e-mail não está em um formato válido.");
flagError = true;
}
}


return !flagError;

alert("Sua mensagem foi enviada com sucesso !")

}
</script>

<script type="text/javascript">
function ENVIADO{
alert("Sua mensagem foi enviada com sucesso !")

</script>
</head>
<body>
<!-- ATENÇÃO: O PARÂMETRO 'METHOD' NECESSARIAMENTE DEVE TER O VALOR 'post'. -->
<!-- ATENÇÃO: O PARÂMETRO 'ACTION' NECESSARIAMENTE DEVE TER O VALOR 'http://www18.locaweb.com.br/scripts/FormMail.pl'. -->
<form method="post" action="http://www18.locaweb.com.br/scripts/FormMail.pl">
<div align="center">
<!-- ATENÇÃO: ESTA TAG 'INPUT' É OBRIGATÓRIA. -->
<!-- ATENÇÃO: O PARÂMETRO 'TYPE' NECESSARIAMENTE DEVE TER O VALOR 'HIDDEN'. -->
<!-- ATENÇÃO: O PARÂMETRO 'NAME' NECESSARIAMENTE DEVE TER O VALOR 'recipient'. -->
<input type=HIDDEN name="recipient" value="meuemail@minha empresa.com.br">
<!-- ATENÇÃO: ESTA TAG 'INPUT' É OBRIGATÓRIA. -->
<!-- ATENÇÃO: O PARÂMETRO 'TYPE' NECESSARIAMENTE DEVE TER O VALOR 'HIDDEN'. -->
<!-- ATENÇÃO: O PARÂMETRO 'NAME' NECESSARIAMENTE DEVE TER O VALOR 'redirect'. -->
<input type=HIDDEN name="redirect" value="http://meu site.com.br/contato.html">
<!-- ATENÇÃO: ESTA TAG 'INPUT' É OBRIGATÓRIA. -->
<!-- ATENÇÃO: O PARÂMETRO 'TYPE' NECESSARIAMENTE DEVE TER O VALOR 'HIDDEN'. -->
<!-- ATENÇÃO: O PARÂMETRO 'NAME' NECESSARIAMENTE DEVE TER O VALOR 'subject'. -->
<input type=HIDDEN name="subject" value="Fale Conosco">
<table width="28%" border="1">
<tr>
<td height="19" width="25%">Nome:
</td>
<td height="19" width="75%">
<input type="text" name="nome">
</td>
</tr>
<tr>
<td height="19" width="25%">E-mail:
</td>
<td height="19" width="75%">
<!-- ATENÇÃO: ESTA TAG 'INPUT' É OBRIGATÓRIA. -->
<!-- ATENÇÃO: O PARÂMETRO 'TYPE' NECESSARIAMENTE DEVE TER O VALOR 'text'. -->
<!-- ATENÇÃO: O PARÂMETRO 'NAME' NECESSARIAMENTE DEVE TER O VALOR 'email'. -->
<input type="text" name="email" id="email">
</td>
</tr>
<tr>
<td height="19" width="25%">Telefone:</td>
<td height="19" width="75%">
<input type="text" name="telefone">
</td>
</tr>
<tr>
<td height="19" width="25%">Mensagem:</td>
<td height="19" width="75%">
<textarea name="comentarios"></textarea>
</td>
</tr>
<tr>
<td height="19" width="25%">
</td>
<td height="19" width="75%">
<!-- ATENÇÃO: SE QUISER QUE SEU FORMULÁRIO POSSUA VERIFICAÇÃO DE E-MAIL, APAGUE A LINHA ABAIXO E RETIRE O COMENTÁRIO DA LINHA SEGUINTE. -->
<input type="submit" name="Submit" value="Enviar" onclick="javascript: var submit = checkEmail(getElementById('email').value); return submit;"/>
<input type="reset" name="Reset" value="Limpar">
</td>
</tr>
</table>
</div>
</form>
Abraços a todos,

Daniela.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

depois que você faz o POST para o forMail, oque acontece?

 

na ida, tem como você fazer algo assim:

<html>
<head>
	<title></title>
<script type="text/javascript">
window.onload = function(){
	document.getElementById('formail').onsubmit = function(){
		alert( 'Seu email será enviado!' );
	}
}
</script>
</head>
<body>
<form method="post" action="http://www18.locaweb.com.br/scripts/FormMail.pl" id="formail">
	<input type="text" name="user" />
	<input type="submit" name="ok" value="ok" />
</form>
</body>
</html>
.. mas veja que a mensagem aparece antes do post ir.. se você precisar realmente confirmar que enviou, teria que esperar voltar.. oq acontece qndo volta ? oque o forMail faz?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito