Refresh no Form com Ajax

[keeeller 0]

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>

[Guilherme Da Silva Santos 0]

$(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');

}

});

});

});