Hola! tengo el siguiente formulario...
Los 2 campos que tiene, tienen valores que al clicar sobre ellos se borran y al clicar fuera se autoescribe el valor por defecto que tenia.
El botón de envío es una imagen.
Y me surge el problema de que al enviar el formulario pulsando 'Enter' o 'Intro' los datos llegan vacíos, mientras que pulsando sobre el botón, que este caso es una imagen, llegan correctamente.
No paro de darle vueltas... alguna ayuda?
Código HTML:
<script language="JavaScript" type="text/JavaScript">
function limpiar(campo){ var field = document.getElementById(campo); field.value = ""; }
function cambiar(campo, valor){ var field = document.getElementById(campo); if(field.value == ""){ field.value = valor; } }
function validar(){ with (document.login){ if (nick.value == 'usuario'){ alert('Introduzca su nick'); nick.focus(); return false; } else submit(); } }
</script> Código HTML:
<form action="us_conectar_procesar.php" method="post" name="login">
<input type="text" name="nick" id="nick" onfocus="limpiar('nick')" onblur="cambiar('nick','usuario')" value="usuario" size="10" maxlength="15" />
<input type="password" name="password" id="password" onfocus="limpiar('password')" onblur="cambiar('password','password')" value="password" size="10" maxlength="20" />
<input name="submit" type="image" src="imagen/submit.gif" alt="Conectar" onclick="validar()" />
</form>