RecorteX

Me gustó que las etiquetas con los errores de validación se crearan en el momento de mostrar estas alertas y que además salieran con una sutil animación.

descargar
<p id="pnombre">
  <label id="lnombre">Nombre:</label>
  <input type="text" id="inombre" name="nombre"  />
</p>
...
<p class="btn"><a id="send" href="#">[enviar]</a></p>

descargar
$(document).ready(function() {
  $("#send").click(function() {
    var oForm    = document.forms[0];
    var oNombre  = oForm.elements["nombre"];
    var bOk      = true;
    $("p.error").remove();
    if(oNombre.value=="") {
      oNombre.focus();
      $("#pnombre" ).after("<p class='error'>Por favor, indíca tu nombre.</p>");
      bOk = false;
    }
    ...
    $("p.error").slideDown();
    if(bOk) oForm.submit();
    return false;
  });
});