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