jorgeguberte · March 5, 2013 16:10
diff --git a/gistfile1.txt b/gistfile1.txt
 <!doctype html>
 <html>
 <head>
 <style>
  body{
 		margin: 0;
 		padding: 0;
 	}
 	label, input{
 		float: left;
 		clear: left;
 	}

 	input{
 		margin-bottom: 15px;
 	}

 	.success{
 		border: solid 1px green;
 	}

 	.error{
 		border: solid 1px red;
 	}

 	#userFeedback{
 		border: solid 1px gray;
 		float: left;
 		clear: left;
 		display: none; /* Mudar para display:block quando for exibir*/	
 	}


 </style>
 <meta charset="utf-8"/>
 	<title>Exercicio Javascript + jQuery</title>
 </head>
 <body>
 	<h1>Envio de formulário via Ajax</h1>
 <form id="formulario" name="formulario" action="processa.php">
 	<label for="nome">Nome</label>
 	<input type="text" name="nome" id="nome"/>
 	<label for="telefone">Telefone</label>
 	<input type="tel" name="telefone" id="telefone"/>
 	<label for="email">Email</label>
 	<input type="email" name="email" id="email"/>
 	<input type="submit" value="Enviar" />
 </form>

 <div id="userFeedback"></div>
 </body>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script>
 	/* 
 	* INSTRUÇÕES
 	* Ao clicar em Enviar, o formulário não deverá ser enviado (existe um método do jQuery para evitar o envio).
 	* Verificar se algum campo está vazio. Se estiver, jogar erro pro usuário.
 	* Se os campos estiverem ok, fazer um ajax para http://192.168.0.6/processaform.php com o método POST.
 	* Mostrar a mensagem de retorno do ajax na div #userFeedback
 	*/


 	
 </script>
 </html>
	<!doctype html>
	<html>
	<head>
	<style>
	body{
	margin: 0;
	padding: 0;
	}
	label, input{
	float: left;
	clear: left;
	}

	input{
	margin-bottom: 15px;
	}

	.success{
	border: solid 1px green;
	}

	.error{
	border: solid 1px red;
	}

	#userFeedback{
	border: solid 1px gray;
	float: left;
	clear: left;
	display: none; /* Mudar para display:block quando for exibir*/
	}


	</style>
	<meta charset="utf-8"/>
	<title>Exercicio Javascript + jQuery</title>
	</head>
	<body>
	<h1>Envio de formulário via Ajax</h1>
	<form id="formulario" name="formulario" action="processa.php">
	<label for="nome">Nome</label>
	<input type="text" name="nome" id="nome"/>
	<label for="telefone">Telefone</label>
	<input type="tel" name="telefone" id="telefone"/>
	<label for="email">Email</label>
	<input type="email" name="email" id="email"/>
	<input type="submit" value="Enviar" />
	</form>

	<div id="userFeedback"></div>
	</body>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	/*
	* INSTRUÇÕES
	* Ao clicar em Enviar, o formulário não deverá ser enviado (existe um método do jQuery para evitar o envio).
	* Verificar se algum campo está vazio. Se estiver, jogar erro pro usuário.
	* Se os campos estiverem ok, fazer um ajax para http://192.168.0.6/processaform.php com o método POST.
	* Mostrar a mensagem de retorno do ajax na div #userFeedback
	*/



	</script>
	</html>