Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/06/2008, 04:30
FatalError
 
Fecha de Ingreso: junio-2008
Mensajes: 14
Antigüedad: 16 años, 9 meses
Puntos: 0
problema onclick onblur en formulario

Hola a todos,

Estoy haciendo un formulario en el que al poner el cursor sobre un campo aparece un div con un comentario y al pulsar fuera se esconde el comentario. El problema viene cuando le doy al botón de enviar que lo debo pulsar en dos ocasiones. La primera vez se oculta el comentario y toma el foco y la segunda ejecuta el "onclick".

Javascript al tomar y perder el foco el campo

Código:
function showTip (numtip) {
		divID = "tip" + numtip;
		document.getElementById(divID).style.display = "block";
	}
	
	function hideTip (numtip) {
		divID = "tip" + numtip;
		document.getElementById(divID).style.display = "";
	}
Código HTML del formulario

Código:
<form id="form1" method="post" action="">
    <fieldset>
        <legend><?=htmlentities($txtField[personal_data]['title_' . $lang])?></legend>
        <label for=""><?=htmlentities($txtField[personal_data]['nombre_' . $lang])?></label><input name="nombre" type="text" id="nombre" class="required" onfocus="showTip(1)" onblur="hideTip(1)" /><br />
        <div id="tip1" class="tip"><?=htmlentities($txtField[personal_data]['tip1_' . $lang])?></div>
    </fieldset>
</form>

<center><button type="button" onclick="checkForm()"><?=htmlentities($txtField[button]['enviar_' . $lang])?></button></center>
Alguien sabe alguna solución para que al hacer click sobre el botón realice la validación del formulario y no me oculte sólo el comentario y tome el botón el foco?

Gracias ;)