onkeypress sobre un campo para hacer un login
Publicado por ChAkO (2 intervenciones) el 09/04/2008 15:05:40
Buenas
Lo que tengo es un Usuario , Contraseña y un boton de Conectar
lo que me queda por controlar es que una vez que este en el text de "Contraseña"
escriba la contraseña correcta (eso ya lo tengo controlado en validarLogin, no preocuparse por eso) presionar la tecla "enter" y que haga la misma funcion del boton conectar ("submit").
Lo estoy intentando hacer con el evento "onkeypress" de javascript en mi login.jsp
<html>
<head>
<script language="Javascript" type="text/javascript" src="js/general.js">
function presskey(oEvent,oForm)
{
if (oEvent.keyCode == 13)
{
oForm.submit();
}
}
</script>
<title><bean:message key="principal.titulo"/></title>
</head>
<body onload = "document.forms[0].usuario.focus();"
<div class="general" id="general">
<!-- CABECERA DE LA APLICACION -->
<jsp:include page="cabeceraSinLinks.jsp"/>
<!-- PRINCIPAL -->
<html:form action="/validarLogin.htm" >
<div class="principalGrande" id="principalGrande">
:
:
<tr>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
<td width="20%" align="right" class="txt11G"><bean:message key="login.usuario" /><img src="images/void.gif" width="3" height="1" alt="" /></td>
<td width="40%" align="left"><html:text name="loginForm" property="usuario" maxlength="30" size="30" styleClass="caja_texto" /></td>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
<td width="20%" align="right" class="txt11G"><bean:message key="login.password" /><img src="images/void.gif" width="3" height="1" alt="" /></td>
<td width="40%" align="left"><html:password name="loginForm" property="password" maxlength="30" size="30" onkeypress="presskey(event,document.forms[0]);" redisplay="false" styleClass="caja_texto"/></td>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="4"><img src="images/void.gif" width="1" height="5" alt="" /></td>
</tr>
<tr>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
<td colspan="2" align="center"><html:button property="seleccionar" styleClass="conectar" value=" " onclick="javascript:submit();" /></td>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
</tr>
:
:
Esto es lo que tengo hasta ahora pero no me funcione, me dice que "se espera un objeto"
a ver si alguien puede ayudarme .. gracias.
Lo que tengo es un Usuario , Contraseña y un boton de Conectar
lo que me queda por controlar es que una vez que este en el text de "Contraseña"
escriba la contraseña correcta (eso ya lo tengo controlado en validarLogin, no preocuparse por eso) presionar la tecla "enter" y que haga la misma funcion del boton conectar ("submit").
Lo estoy intentando hacer con el evento "onkeypress" de javascript en mi login.jsp
<html>
<head>
<script language="Javascript" type="text/javascript" src="js/general.js">
function presskey(oEvent,oForm)
{
if (oEvent.keyCode == 13)
{
oForm.submit();
}
}
</script>
<title><bean:message key="principal.titulo"/></title>
</head>
<body onload = "document.forms[0].usuario.focus();"
<div class="general" id="general">
<!-- CABECERA DE LA APLICACION -->
<jsp:include page="cabeceraSinLinks.jsp"/>
<!-- PRINCIPAL -->
<html:form action="/validarLogin.htm" >
<div class="principalGrande" id="principalGrande">
:
:
<tr>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
<td width="20%" align="right" class="txt11G"><bean:message key="login.usuario" /><img src="images/void.gif" width="3" height="1" alt="" /></td>
<td width="40%" align="left"><html:text name="loginForm" property="usuario" maxlength="30" size="30" styleClass="caja_texto" /></td>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
<td width="20%" align="right" class="txt11G"><bean:message key="login.password" /><img src="images/void.gif" width="3" height="1" alt="" /></td>
<td width="40%" align="left"><html:password name="loginForm" property="password" maxlength="30" size="30" onkeypress="presskey(event,document.forms[0]);" redisplay="false" styleClass="caja_texto"/></td>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="4"><img src="images/void.gif" width="1" height="5" alt="" /></td>
</tr>
<tr>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
<td colspan="2" align="center"><html:button property="seleccionar" styleClass="conectar" value=" " onclick="javascript:submit();" /></td>
<td width="20%"><img src="images/void.gif" width="1" height="1" alt="" /></td>
</tr>
:
:
Esto es lo que tengo hasta ahora pero no me funcione, me dice que "se espera un objeto"
a ver si alguien puede ayudarme .. gracias.
Valora esta pregunta
0