problema onclick onblur en formulario

[FatalError]

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 ;)

[David]

No entiendo, ¿qué datos quieres validar?, para que el botón tome el foco solo haz:

Código:

formulario.boton.focus()

[AlvaroG]

No uses onclick() en el botón para validar al enviar el formulario, usá el evento onsubmit del form mismo:

<form onsubmit="checkForm()">

Es mucho más seguro ya que si validás solamente en el onclick() la validación no se hace cuando se activa el botón por teclado.

Saludos.