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 <span class="formInfo"><a href="tips/pass_ayuda.htm?width=375" class="jTip" id="one" name="Requisitos Password:">?</a></span> <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!
