Zerar formulário após submit e confirmação do Recaptcha GOOGLE com Aja
Salve amigos primeira vez postado na área de Java e me deparei com o seguinte problema em meu script:
Tenho um formulário que envia dados em php e requisição via Ajax, só que têm um detalhe, o meu Formulário funciona normalmente e têm o Recaptcha do Google, mas na hora que envia dos dados para meu email, o Formulário não reseta, os dados ainda fica gravados nos campos, dando a impressão para o usuário como se não fosse enviado mesmo tendo a mensagem de confirmação de enviado com sucesso, eu tenho outro script em Jquery que ele até zera os dados certinho , mas ele não confirma o captcha , e pelo que entendi, o captcha do google trabalha pelo servidor e ele precisa enviar o ip da máquina do usuário [ADDR] para confirmar os caracteres digitados.
Segue o script que funciona certinho, mas não reseta o formulário :
Este script eu peguei do Blog do Bruno William
<script type="text/javascript" src="js/jquery.js"/></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#contactform_2').submit(function(){
beforeSend:$("#carregando").fadeIn("slow");
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "enviarcontato.php",
data: dados,
success: function(data){
alert( data );
{complete:$("#carregando").fadeOut("slow");
}}}
),
function(resposta) {
// Quando terminada a requisição
// Exibe a div status
$("#carregando").slideDown();
if (resposta != false) {
$("#contactform_2").each(function(){ this.reset(); });
}else{
// Se resposta for false, ou seja, não ocorreu nenhum erro
$("#name1").val(""); // Limpando todos os campos
$("#email").val("");
$("#telefone").val("");
$("#mensagem").val("");
$("#recaptcha_response_field").val("");
}
}
});
return false;
});
</script>
<form method="post" name="contactform" id="contactform_2" action="javascript:func()" enctype="multipart/form-data" onsubmit="return Checkit(this);">
<table class="table">
<tr>
<td><div class="table_header"><?php echo $websitename;?></div></td>
</tr>
<tr><td></td>
</tr>
<tr>
<td><div class="attach_info">
<b>DÚVIDAS SUGESTÕES E PEDIDOS PREENCHA O FORMULÁRIO :</b>
</div>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><div class="table_body"><label><b>Seu Nome:</b></label>
<input name="nome" id="name1" class="nome" placeholder="Digite seu nome" type="text" />
<span class="error_message">*</span></div></td>
</tr>
<tr>
<td><div class="table_body"><label><b>Seu Email:</b></label>
<input name="email" id="email" class="email" placeholder="Digite seu email" type="text" /><span class="error_message">*</span></div>
</td>
</tr>
<tr>
<td><div class="table_body">
<label><b>Seu Telefone:</b></label>
<input name="telefone" id="telefone" class="telefone" maxlength="17" placeholder="Digite seu telefone ou Cel" type="text"/><span class="error_message">*</span><br /><br /><br /></div><br />
<div class="table_body_operadora">
<label><b>Selecione a Operadora:</b></label>
<select name="operadora" id="operadora" class="operadora">
<option value="Não Selecionado" class="operadora"></option>
<option value="Claro" class="operadora">Claro</option>
<option value="Tim" class="operadora">Tim</option>
<option value="Vivo" class="operadora">vivo</option>
<option value="OI" class="operadora">Oi</option>
<option value="Nextel" class="operadora">NEXTEL</option>
<option value="Livre" class="operadora">Livre</option>
<option value="Outros" class="operadora">Outros</option>
</select><span class="error_message">*</span></div>
</td>
</tr>
<tr>
<td><div class="table_body_3">
<label><b>Sua Mensagem:</b></label>
<textarea name="mensagem" id="mensagem" class="mensagem" placeholder="Digite sua Mensagem" rows="8" cols="60"></textarea><span class="error_message">*</span>
<br /><br />
<div class="caracteres_2"><b>Digite aqui os caracteres abaixo: </b></div>
<div class="captcha_2">
<?php
require_once('recaptchalib.php');$publickey = "chave key do google"; // you got this from the signup page
echo recaptcha_get_html($publickey);
?>
</div>
<br /><br /></div>
<br />
<div id="carregando" style="display:none;">
<span style="color:#000000; font-family:Georgia, 'Times New Roman', Times, serif;font-size:13px;">Enviando Mensagem : Aguarde... <img src="imgs/ajax-loader.gif" /><br /><br /></span>
<span style="color:#03F; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; font-size:15px;">Não Feche a Página !</span></div><!--carregando-->
<div id="retorno"></div>
</td>
</tr>
<tr>
<td class="table_footer">
<table>
<tr>
<td> </td>
<td></td>
<td>
<input type="submit" class="btnenviar" name="enviar" id="enviar" value="Enviar Formulário" />
</td>
<td>
<input type="reset" class="btnresetar" value="Limpar Formulário" id="resetar" />
</td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br /><br />
</form>
</div>
NOTEM: que dentro do ajax eu faço um if usando aquelas funções para reset mas mesmo assim não zera, fiz um gambiarra colocando os dentro do true e no else sei que estou perto de resolver, mas ainda não consegui, se alguém puder dar um help, fico agradecido:
Discussão (19)
Carregando comentários...