Essa é uma validação bem simples utilizando Javascript.
Iremos verificar apenas se o campo está preenchido e se sim, iremos permitir passar para outra página.

Vamos ao código :

<script language="javascript">
	function validar() {
			if (document.cadastro.nome.value == ""){

				alert ("O campo " + document.cadastro.nome.name + " deve ser preenchido!");

				document.cadastro.nome.focus();

				return false;
			 }
	}

</script>

Linha 1
Abrimos a tag de script e informamos que a linguagem usada será Javascript.

Linha 2
Aqui damos inicio a função, escrevemos “function” mais o nome da função, nessa caso usamos “validar”.

Linha 3

Verificamos se o campo escolhido está vazio através de um if comparando o valor informado com um valor vazio.
O objeto “document” é a página atual que está sendo visualizada nesse momento.
“nome” se refere ao nome do campo que estamos usando no formulário.
“cadastro” se refere ao nome do fomulário que estamos usando.
“value” pega o valor do campo em uso.

Linha 5
O comando “alert” serve para jogar a mensagem na tela.
O “name” retorna o nome do campo selecionado.
Usamos o alert para informar que o campo Nome não foi preenchido.

Linha 7
O “focus” faz com que o cursor seja colocado no campo escolhido, no caso o campo “nome”.

Linha 9
Para que os valores não sejam enviados para a próxima página, devemos retornar um valor falso.
Se não colocarmos o retorno falso, o código iria avisar do não preenchimento do campo, mas mesmo assim passará para a próxima página.

Linha 10
Fechamos a condição if

Linha 11
Fechamos a função “validar”

Agora o código do formulário estamos validando.

    <form name="cadastro" action="teste.php" method="post" onSubmit="return validar()">
        Nome :<input type="text" name="nome" id="nome" />
        <input type="submit" value="Enviar"/>
    </form>