Hola
alexpramer, lo que comentas esta un poco extraño ya que como se enviara el formulario si al final ya no tienes campo que cliquear? Debes de pensar en usuabilidad, de cualquier forma esto te debería de ayudar a iniciar, es lo que comentas:
Código HTML:
Ver original<!doctype html>
.error {
color:red;
}
.error input {
border-color:red;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
jQuery(function ($) {
String.prototype.isEmpty = function (str) { return $.trim(this).length == 0 };
$('form input').focus(function () {
// para todos los inputs adicionales
$(this).parent().prevAll().find('input').each(function () {
var $self = $(this);
// resetea el estado del input
$self.parent().removeClass('error');
if($self.is('.required') &&
/* haces tu validacion */
$self.val().isEmpty()) {
// si hay errores
$self.parent().addClass('error');
}
});
});
});
<p>Nombre de usuario:
<input type="text" class="required" /></p> <p>Correo electronico:
<input type="email" class="required" /></p> <p>Otra cosa:
<input type="text" class="required" /></p>
Saludos!