Jquery Retornar em um Alert e limpar campos

[Freisleben 0]

Ola Amigos,

 

Gostaria de que o codigo abaixo me retorna-se em um alert e que os campos fossem limpos quando o dado fosse cadastrado.

Mais não estou conseguindo. Tentei achar exemplos...

 

$(document).ready(function() {
	$("#enviar").click(function() {
	  var nome = $('#nome').val();
		var email = $('#email').val();
		var telefone = $('#telefone').val();	
		$.post("enviar.php", {nome: nome, email: email, telefonex: telefone},
		function(data){
		 $("#resposta").html(data);
		 }
		 , "html");
	});
});

[Freisleben 0]

Nada como quebrar a cabeça!! Consegui Fazer. Abaixo segue o codigo. Onde o Jquery envia os dados e ao retornar é apresentado um alert da confirmação do cadastro e limpa o formulario apos a confirmaçao.

 

$(document).ready(function() {
	$("#enviar").click(function() {
	  var nome = $('#nome').val();
		var email = $('#email').val();
		var telefone = $('#telefone').val();	
		$.post("enviar.php", {nome: nome, email: email, telefonex: telefone},
		function(data){
		 alert("Cadastrado Com Sucessso!!");  
	   $("#form")[0].reset();		 
		 }
		 , "html");
	});
});

Abraços,

[Freisleben 0]

Agora estou com outro problema, tentando aprimorar esse codigo estou tentando fazer a validação e apos a validação enviar os dados para o php e inserir no banco, quando inserido devolver para a tela um alert com a mensagem "Cadastrado com Sucesso".

 

Porem quando clico no submit acontece a validação e o envio ao mesmo tempo. Gostaria de só enviar os dados quando todos os campos da validação esteja preenchido.

 

$(document).ready(function() {
	
	$("#form").validate({
	rules:{
	nome:{
	// campoRazao ser? obrigat?rio (required) e ter? tamanho m?nimo (minLength)
	required: true
  },
  email:{
	// campoRazao ser? obrigat?rio (required) e ter? tamanho m?nimo (minLength)
	required: true
	},
	telefone:{
	// campoRazao ser? obrigat?rio (required) e ter? tamanho m?nimo (minLength)
	required: true 
  }
  },
	messages:{
  nome:{
  required: "*Campo Nome"
  },
  email:{
  required: "*Campo Email"
  },
 telefone:{
  required: "*Campo Email"
}
}

});

$("#enviar").click(function() {
	  var nome = $('#nome').val();
		var email = $('#email').val();
		var telefone = $('#telefone').val();	
		$.post("enviar.php", {nome: nome, email: email, telefonex: telefone},
		function(data){
		 alert("Cadastrado Com Sucessso");  
	   $("#form")[0].reset();		 
		 }
		 , "html");
	});

});