Checando preenchimento de campos em um formulário

A primeira etapa na validação dos dados enviados através de um formulário é a procura por campos obrigatórios que tenham sido deixados vazios.

Como exemplo, utilizem o código abaixo (copiem e colem no body):

<form id="form" name="form" method="post" action="">
  <table width="400" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>Nome:</td>
      <td><input name="nome" type="text" id="nome" size="40" /></td>
    </tr>
    <tr>
      <td>E-mail:</td>
      <td><input name="email" type="text" id="email" size="40" /></td>
    </tr>
    <tr>
      <td>Coment&aacute;rios:</td>
      <td><textarea name="comentarios" cols="40" rows="5" id="comentarios"></textarea></td>
    </tr>
    <tr>
      <td colspan="2">
 <div align="center">
          Aten&ccedil;&atilde;o: o preenchimento de todos os campos &eacute; obrigat&oacute;rio!
          <br />
          <br />
          <input type="submit" name="Submit" value="Enviar" id="Submit" />
        &nbsp;
        <input type="reset" name="Reset" value="Limpar Campos" id="Reset" />
      </div></td>
    </tr>
  </table>
</form>

O objetivo é acessar o valor de cada campo, conferindo se estão vazios, de forma a evitar o envio do formulário caso haja campos que devam ser preenchidos.

 Então, mãos à obra! Mais tarde coloco aqui o código resultante, para quem perdeu…

Atualização - como prometido, a seguir vão as modificações necessárias:

Texto cromado

Este tutorial, de autoria de Fábio Lody, mostra como aplicar o chamado ”efeito cromado” a um texto, como na imagem a seguir (clique para ampliar):