$(document).ready(function ()
{
//definir evento "onclick" do elemento (botao) ID butEnviar
$("#butEnviar").click(function ()
{
//capturar o valor dos campos do fomulario
var nome = $("input[name=nome]").val();
var email = $("input[name=email]").val();
var mensagem = $('textarea').val();
//usar o metodo ajax da biblioteca jquery para postar os dados em processar.php
$.ajax(
{
"url": "processar.php",
"dataType": "html",
"type": "post",
"data":
{
"nome": nome,
"email": email,
"mensagem": mensagem
},
"success": function (response)
{
//em caso de sucesso, a div ID=saida recebe o response do post
$("div#saida").html(response);
}
Pergunta
newrods
Boa tarde estou com um problema e já tentei resolver de várias maneiras e não consegui, se alguém puder dar uma ajuda eu agradeço.
Tenho o código abaixo que envia e-mail sem dar refresh, utilizo Ajax, só que ele sempre envia 2 vezes. Quero que envie somente 1 vez.
<form method="POST" >
<p><div class="msgSucesso" id="saida"></div></p>
<p><input type="text" name="nome" placeholder="Nome" ></p>
<p><input type="text" name="email" placeholder="Seu melhor E-mail"></p>
<p><textarea name="mensagem" rows="5" placeholder="Mensagem"></textarea></p>
<p><input class="btnContato" type="button" id="butEnviar" value="Enviar Formulário"></p>
</form>
<script>
$(document).ready(function ()
{
//definir evento "onclick" do elemento (botao) ID butEnviar
$("#butEnviar").click(function ()
{
//capturar o valor dos campos do fomulario
var nome = $("input[name=nome]").val();
var email = $("input[name=email]").val();
var mensagem = $('textarea').val();
//usar o metodo ajax da biblioteca jquery para postar os dados em processar.php
$.ajax(
{
"url": "processar.php",
"dataType": "html",
"type": "post",
"data":
{
"nome": nome,
"email": email,
"mensagem": mensagem
},
"success": function (response)
{
//em caso de sucesso, a div ID=saida recebe o response do post
$("div#saida").html(response);
}
});
});
});
</script>
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.