Jump to content
Sign in to follow this  
keeeller

Refresh no Form com Ajax

Recommended Posts

Boa noite galera, sou aspirante a js. Preciso da ajuda de vocês quanto à um formulário para envio de e-mail.

 

Montei um js com ajax para não dar refresh na página, mas continua dando. Outro coisa é que minha url fica "suja", como posso deixar ela sem apresentar nenhuma informação dos inputs?

 

<script>
$(document).ready( function(){
$('#btn').click( function(){
/* Coletando dados */
var btn = $('#btn').val();
var nome = $('#nome').val();
var email = $('#email').val();
var telefone = $('#telefone').val();
var assunto = $('#assunto').val();
var msg = $('#msg').val();
/* Validando */
if(nome.length <= 3){
alert('Informe seu nome');
return false;
}
if(email.length <= 5){
alert('Informe seu email');
return false;
}
if(telefone.length <= 5){
alert('Informe seu telefone');
return false;
}
if(assunto.length <= 5){
alert('Qual o assunto');
return false;
}
if(msg.length <= 5){
alert('Escreva uma mensagem');
return false;
}
var urlData = "&nome=" + nome + "&email=" + email + "&telefone=" + telefone + "&assunto=" + assunto + "&msg=" + msg ;
$.ajax({
type: "POST",
url: "mail/sendmail.php",
async: true,
data: urlData,
success: function(data) { /
$('#retornoHTML').html(data);
},
beforeSend: function() {
$('.loading').fadeIn('fast');
},
complete: function(){
$('.loading').fadeOut('fast');
}
});
});
});
</script>

Share this post


Link to post
Share on other sites


$(document).ready( function(){

$('#btn').click( function(e){

 

e.preventDefault();

 

/* Coletando dados */

var btn = $('#btn').val();

var nome = $('#nome').val();

var email = $('#email').val();

var telefone = $('#telefone').val();

var assunto = $('#assunto').val();

var msg = $('#msg').val();

 

/* Validando */

if(nome.length <= 3){

alert('Informe seu nome');

return false;

}

if(email.length <= 5){

alert('Informe seu email');

return false;

}

if(telefone.length <= 5){

alert('Informe seu telefone');

return false;

}

if(assunto.length <= 5){

alert('Qual o assunto');

return false;

}

if(msg.length <= 5){

alert('Escreva uma mensagem');

return false;

}

 

var urlData = "&nome=" + nome + "&email=" + email + "&telefone=" + telefone + "&assunto=" + assunto + "&msg=" + msg ;

 

$.ajax({

type: "POST",

url: "mail/sendmail.php",

async: true,

data: urlData,

success: function(data) { /

$('#retornoHTML').html(data);

},

beforeSend: function() {

$('.loading').fadeIn('fast');

},

complete: function(){

$('.loading').fadeOut('fast');

}

});

});

});

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.