validaciones para un registro

[pscualinho]

Buenas tardes,

perdonar las molestias, porque supongo que es una tonteria, pero tengo unos problemillas.

Tengo un formulario de registro y estoy teniendo dos problemas:

1- el primero es que cuando me da el error, el message fuerza un salto de línea que me descoloca todo el formulario
2- quiero mostrar todo el mensaje de error en un div que está escondido y solo me muestra el primero.

Os paso el código:

error=0;
$(document).ready(function(){
$("#freg").validate({
rules: {
f_nombre_empresa: {
required: function(){
if($("#f_nombre_empresa").val()==""){
$("#htmlError").html("Error en campo nombre empresa.");
error=1;
document.getElementById("htmlError").style.display = "block";

}
}
},
f_direccion: {
required: function(){
if($("#f_direccion").val()==""){
$("#htmlError").html(" Error en campo direccion de la empresa");
error=1;
document.getElementById("htmlError").style.display = "block";

}
}
}
},
messages: {
f_nombre_empresa: {required: "."},
f_direccion: {required: "."}
}
});
if (error == 1) {document.getElementById("htmlError").style.displa y = "block";}
});

<span style="display:none; color:#FF0000" id="htmlError"><div> Aqui se mostraria</div></span>

[esjuanma]

pscualinho, probá con el siguiente código:

Código:

<script>

// Declaramos la variable error como un array vacío/nulo
error = [];

$(document).ready(function(){
	$("#freg").validate({
		rules: {
			f_nombre_empresa: {
				required: function(){
					if($("#f_nombre_empresa").val()==""){
						error.push("Error en campo nombre empresa.");
					}
				}
			},
			
			f_direccion: {
				required: function(){
					if($("#f_direccion").val()==""){
						error.push("Error en campo direccion de la empresa.");
					}
				}
			}
		},
		
		messages: {
			f_nombre_empresa: {required: "."},
			f_direccion: {required: "."}
		}
	});
	
	//	Si hubo errores, se muestra el div htmlError y se completa con los mismos
	if (error.length > 0) {
		$("#htmlError")
			.css('display','block')
			.html(error.join('<br />'));
	} 
});

</script>

<span style="display:none; color:#FF0000" id="htmlError"><div> Aqui se mostraria</div></span>

[ocp001a]

1. Colocas el div con el mensaje de error en posición absoluta para que no descuadre nada o
2. Colocas el formulario en un div, luego a su derecha (o izquierda) en otro div colocas los errores.
3. Anuncias los errores mediante un alert.
4. Mueves el div de error con posición absoluta junto al campo con error, para lo cual necesitas primero saber la posición de dicho campo.

[pscualinho]

Buenas,

esjuanma, sigo teniendo el mismo problema, porque sale el punto y hace un salto de línea.

ocp001a, no entiendo muy bien como mandar los errores a un div alineado, puesto que creo que me dará los mismos errores, puedes darme algún ejemplo?

Saludos

[pscualinho]

Supongo que es lo que dice ocp001a, pero no sé como encuadrar los messages :P

perdonar porque soy un poco novato en javascript

[pscualinho]

Bueno ya está solucionado, he creado la clase .error con el display:inline :D

Gracias!!