Luis LorenzoXingLinkedInInfolancerFacebookTwitterfeed /  feed comentarios

Validador de formularios simple con jQuery

Acabo de escribir un pequeño código en jQuery que sirve para validar formularios de manera rápida y sencilla. Simplemente hay que añadir la clase “required” a los campos que queramos marcar como obligatorios y ya está.

$("form").submit(function () {
  var valid = 1
  $(".required").each( function () {
    if ($(this).val() == "") {
      $(this).css("border-color", "red");
      valid = 0
    } else {
      $(this).css("border-color", "black");
    }
  });

  if (!valid) {
    alert("Faltan campos obligatorios");
    return false;
  }
});

Este pequeño validador sólo comprueba que se haya escrito algo en los campos de tipo text y textarea, pero no revisa si el contenido es correcto.

Para validaciones más estrictas recomiendo el uso de plugins como éste.

Sin comentarios

Publicar comentario