Weblogs Código

RecorteX

» alertas
73 usuarios y 243 recortes de código
Usuario

Contraseña
Crear cuenta
Estás viendo los recortes de la etiqueta alertas

RSS
Recortes: 1

Etiquetas relacionadas:
validacion
jquery

Inserción de alertas en la validación de los formularios

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.


<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>

$(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;
  });
});
Proyecto: Juanjo Navarro, 2006 - Diseño: Albin