probremas con onload=""
Publicado por sin dientes (115 intervenciones) el 04/07/2007 21:46:32
tengo la siguente pagina, la cual es para ingresar el usario y passwd. utilizo css para darle efecto de redondeo a las esquinas, y en el evento onload llamo a la funcion que me redondea las esquinas, el problema q tengo y aun no le hallo como resolverlo es q a la hora de dar click en el boton de conectar, valido con javascript que hayan ingresado el usuari y el passwd (funcion valida_envia()), si alguno de estos valores no se ha introducido envio un mensaje de error y me posiciono con setfocus en el campo que esta vacia para q lo digiten, pero en ese momento se me dispara de nuvo el onload y le limpia los datos de la pantalla. No quiero q me limpie los datos ya q si el usuario ya introdujo la clave no debe de limpiarla nada mas agregaria la contraseña, si alguien sabe como puedo resolver este dolorcillo de cabeza le agradezco mucho la ayuda
<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="styles/estil_1.css">
<style type="text/css">
body{padding: 30px 0 0;background:#FFF;
font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 18em;padding: 20px;margin:0 auto;
background:#E6E6E6;color:#000}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
h1,p{margin:0;padding:10px 20px}
</style>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
function carga() {
Nifty("div#box","big");
}
function valida_envia(val_2){
if (document.prc_ini.usuario.value.length==0){
alert("Ingrese el usuario")
document.prc_ini.usuario.focus()
return 0;
}
if (document.prc_ini.passwd.value.length==0){
alert("Contraseña Invalida")
document.prc_ini.passwd.focus()
return 0;
}
--llamada a pagina xxx
}
</script>
</head>
<body onLoad="carga();">
<form method="post" name="prc_ini" >
<div id="box">
<h1>Ingreso al Sistema™</h1>
<div >
<table border="0">
<tr>
<td width="80" >
<p> Clave: </p>
</td>
<td width="60" >
<input class="el05" width=120 type="text" name="usuario" /></td>
</tr>
<tr>
<td width="80" >
<p> Contraseña: </p>
</td>
<td>
<input class="el05" width=120 type="password" name="passwd" /></td>
</tr>
<tr>
<td colspan="2" >
<div align="center">
<input class="bot" type="submit" name="conecta"
value="Conectar" accesskey="C" onClick="valida_envia('i')" />
<input class="bot" type="reset" name="limpia" value="Limpiar" />
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</body>
</html>
muchas gracias
<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="styles/estil_1.css">
<style type="text/css">
body{padding: 30px 0 0;background:#FFF;
font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 18em;padding: 20px;margin:0 auto;
background:#E6E6E6;color:#000}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
h1,p{margin:0;padding:10px 20px}
</style>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
function carga() {
Nifty("div#box","big");
}
function valida_envia(val_2){
if (document.prc_ini.usuario.value.length==0){
alert("Ingrese el usuario")
document.prc_ini.usuario.focus()
return 0;
}
if (document.prc_ini.passwd.value.length==0){
alert("Contraseña Invalida")
document.prc_ini.passwd.focus()
return 0;
}
--llamada a pagina xxx
}
</script>
</head>
<body onLoad="carga();">
<form method="post" name="prc_ini" >
<div id="box">
<h1>Ingreso al Sistema™</h1>
<div >
<table border="0">
<tr>
<td width="80" >
<p> Clave: </p>
</td>
<td width="60" >
<input class="el05" width=120 type="text" name="usuario" /></td>
</tr>
<tr>
<td width="80" >
<p> Contraseña: </p>
</td>
<td>
<input class="el05" width=120 type="password" name="passwd" /></td>
</tr>
<tr>
<td colspan="2" >
<div align="center">
<input class="bot" type="submit" name="conecta"
value="Conectar" accesskey="C" onClick="valida_envia('i')" />
<input class="bot" type="reset" name="limpia" value="Limpiar" />
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</body>
</html>
muchas gracias