Crear etiqueta de error en el campo al validar un formulario

[ShuSho]

Buenas tengo un formulario que valido con js con un onclick en el submit. Las expresiones regulares estan bien hechas y validan perfectamente.

Lo unico malo es que si hay algun error aviso con alert() y queria intentar que al dejar de hacer focus en un campo me lo validase y me mostrase una etiqueta como esta (es un plugin de jquery, pero no me dejan usarlo):





A ver si alguien puede echarme una mano.

Un saludo

[chuidiang]

Hola:

Puedes poner la etiqueta de error en el html con stilo css display:none y visibility:hidden, de esta forma ni se ve ni ocupa espacio. Ponle un id

<span id="error" style="display:none;visibility:hidden">Vehicle Count is required</span>

Cuando quieras visualizarla, haces esto desde javascript

document.getElementById('error').style.visibility= 'visible';
document.getElementById('error').style.display='bl ock';

Si necesitas la "flecha" siempre puede poner una imagen de fondo o algo.

Se bueno.

[hackjose]

Iniciado por chuidiang

Hola:

Puedes poner la etiqueta de error en el html con stilo css display:none y visibility:hidden, de esta forma ni se ve ni ocupa espacio. Ponle un id

<span id="error" style="display:none;visibility:hidden">Vehicle Count is required</span>

Cuando quieras visualizarla, haces esto desde javascript

document.getElementById('error').style.visibility= 'visible';
document.getElementById('error').style.display='bl ock';

Si necesitas la "flecha" siempre puede poner una imagen de fondo o algo.

Se bueno.

Estoy de acuerdo solo que.

No es necesario usar display: none y visibility: hidden juntos

Solo con display:none es suficiente

[chuidiang]

Hola:

Efectivamente, el display no es necesario para ocultar la etiqueta.

Unicamente habría que ponerlo para que esa etiqueta de error no ocupe el hueco cuando está oculta. Por ejemplo, en el caso de "Date of Birth" del post inicial, el formato (mm/dd/yyyy) aparecerá pegado a la caja de texto si el display es none y aparecerá separado dejando hueco para el error si el display se deja con su valor por defecto.

Se bueno.