Formulário com campos obrigatório.

Olá pessoal preciso de ajuda para validar este formulário.

Na verdade, o que eu preciso é modificar este código Jquery pra ele apresentar a mensagem de erros nos campos obrigatórios igual a desse fomulário aqui: http://sistemadoaluno.com.br/matriculas/8.php

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://vcx.com.br/form/js/json.js"></script>
<script type="text/javascript" src="http://vcx.com.br/form/js/validacoes.js"></script>
<script type="text/javascript">
$(function(){
	$('#alerta-sucesso-formulario, #alerta-erro-login, #alerta-erro-senha').hide();
	$("#btn-cadastrar").on("click",function(){
 $('#alerta-sucesso-formulario, #alerta-erro-login').hide();
 if($('#senha').val().length < 3){
 $("#alerta-erro-senha").fadeIn('slow');
 return false;
 }
 else {
 $("#alerta-erro-senha").fadeOut('slow');
 var objDados = {
 nome : $("#nome").val(),
 snome : $("#snome").val(),
 email : $("#email").val(),
 remail : $("#remail").val(),
 login : $("#login").val(),
 senha : $("#senha").val()
 }
 objDados = JSON.stringify(objDados);
 $.ajax({
 type: "post",
 data: {dados: objDados},
 url: "verificar.php",
 success: function(dados){
 if(dados === 'true'){
 $("#alerta-erro-login").fadeIn('slow');
 $("#alerta-sucesso-formulario").fadeOut('slow');
 }
 else {
 $("#alerta-sucesso-formulario").fadeIn('slow');
 $("#alerta-erro-login").fadeOut('slow');
 // window.location = "restrito.php";
 }
 }
 })
 }
	})
})
</script>

O código do meu formulário é este:

 <form method="post" action="verificar.php">

Nome<input type="text" placeholder="nome" id="nome"/><br>

Sobrenome<input type="text" placeholder="snome" id="snome"/><br>

Email<input type="text" placeholder="email" id="email"/><br>
<div id="alerta-erro-email">O e-mail é obrigatório.</div>

Login<input type="text" placeholder="login" id="login"/>
<div id="alerta-erro-login">O login já está sendo utilizado, por favor tente outro.</div>

Senha<input type="password" placeholder="senha" id="senha"/>
<div id="alerta-erro-senha">A senha precisa possuir mais de 3 caracteres.</div>

 <button id="btn-cadastrar" type="button">Cadastrar</button>

<div id="alerta-sucesso-formulario">Cadastro efetuado com sucesso.</div>

 </form>

OBS: lembrando que esse código Jquery já tá fazendo a validação do LOGIN no BD.

Agradeço a ajuda de todos! xd