Jquery Validator

[nomakon]

Buenas noches chicos tengo el siguiente problema,

Cuando valido un formulario el mensaje de error me aparece al lado del campo input select o textarea.

Mi pregunta es como hago para que el mensaje de error aparezca debajo de cada campo y no al lado?

En el fichero de validacion tengo puesto lo siguiente:

Código:

//Donde quiero que aparezca el mensaje de error Esto me esta poniendo negrooooo
		errorElement: "em",
                errorPlacement: function(error, element) {
		element.after(error);

El estilo CSS:

Código:

em.error{
	margin-bottom: 1em;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-align:left;
	margin-left: 5px;
}

Y el formulario esta mas o menos asi:

Código PHP:

  <div>
                            <label for="pass1">Contraseña&nbsp;<span class="formInfo"><a href="tips/pass_ayuda.htm?width=375" class="jTip" id="one" name="Requisitos Password:">?</a></span>&nbsp;<span>(Requerido)</span></label><br />
                            <input id="pass1" name="pass1" type="password" value=""/><br /><br />
                        </div>
                       <div>
                       <label for="pass2">Repetir Contraseña <span>(Requerido)</span></label><br />
                       <input id="pass2" name="pass2" type="password" value="" /><br /><br />
                       </div> 
   

Muchas gracias, espero me puedan ayudar!

[maycolalvarez]

nunca he utilizado jQuery validator, pero el problema es claro CSS y depende de como embeba el HTML de los mensajes de error, si esa es la clase asignándole display:block; se comportarán como bloque y si no existe float que afecte quedará abajo.

si existe float, entonces sobreescribelo con !important

también podrías consultar su documentación, puede que ya lo implemente

[nomakon]

Pequeño gran detalle! Ha funcionado =)

Muchas gracias !!!!!