falta de reconocimiento de javascript
Nivel 1 (1 posts)
0 
| #0 |  |
fedemagia | 20 may 11 |
hola mi codigo es el siguiente y mi problema es al hacer el javascript no intrusivo es decir lo hice de la siguiente forma poniendo las funciones en el onload
<script type="text/javascript">
function dameObjeto(x){
return getElementById(x);
}
function cerrarLogin(){
dameObjeto('login').style.display='none';
}
function mostrarLogin(){
dameObjeto('login').style.display='block';
}
function validar(){
if (dameObjeto('nombre').value.length<2){
alert('por favor completa el campo nombre');
dameObjeto('nombre').style.background='#ff0';
return false;
}
if (dameObjeto('mail').value.length<2){
alert('por favor completa el campo mail');
dameObjeto('mail').style.background='#ff0';
return false;
}
if (dameObjeto('mail').value.indexOf('@')==-1){
alert('por favor completa el campo mail');
dameObjeto('mail').style.background='#ff0';
return false;
}
if (dameObjeto('mail').value.indexOf('.')==-1){
alert('por favor completa el campo mail');
dameObjeto('mail').style.background='#ff0';
return false;
}
if (dameObjeto('usuario').value.length<2){
alert('por favor completa el campo usuario');
dameObjeto('usuario').style.background='#ff0';
return false;
}
if (dameObjeto('contraseña').value ==""){
alert('por favor completa el campo contraseña');
dameObjeto('contraseña').style.background='#ff0';
return false;
}
return true;
}
window.onload=
dameObjeto('Logueo').onclick=mostrarLogin;
dameObjeto('cruz').onclick=cerrarLogin;
dameObjeto('form_reg').onSubmit=function(){
return validar();
}
</script>
</head>
<body >
<div id="cabecera">
<img src="imagenes/bannergrandeopt.jpg" width="800" height="200" alt="bannerprincipal" style="margin-left:73px"/>
</div>
<div id="login">
<a href="#" id="cruz"><img id="cerrarestilo" src="imagenes/Cerrar.gif" width="10" height="10" alt="cerrar" /></a>
<form action="" method="post" id="f">
<label>usuario</label> <input class="inputs"name="" type="text" />
<br />
<br />
<label>contraseña</label><input class="inputs" name="" type="password" />
<br />
<br />
Aun no sos usuario? <span style=" color:#F00; word-spacing:5px;">Registrate ya!!</span>
<br />
<input id="submitestilo" name="" type="submit" value="entrar" />
</form>
</div>
</div>
</div>
<div id="contenido" class="limpiar">
<div id="contenidocentral">
<!--preguntar como hago aca para no poner el id inputs(nro)-->
<form action="alta.php" method="post" name="form1" id="form_reg">
<label class="etiquetas">Nombre*:</label> <input class="inputs1" id="nombre" name="nombre" type="text" />
<br />
<label class="etiquetas">Email*:</label> <input class="inputs2" id="mail" name="mail" type="text" />
<br />
<label class="etiquetas">Nombre de usuario*:</label><input class="inputs3" id="usuario" name="usuario" type="text" />
<br />
<label class="etiquetas">Password*:</label> <input class="inputs4" id="contraseña" name="contraseña" type="password" />
<input class="etiquetas" name="enviar" type="submit" value="Registrarse" />
</form>
</div>
</div>
<div id="pie">
<img src="imagenes/pieopt.jpg"width="955" height="66" alt="footer" />
</div>
</div>
</body>
</html>
<script type="text/javascript">
function dameObjeto(x){
return getElementById(x);
}
function cerrarLogin(){
dameObjeto('login').style.display='none';
}
function mostrarLogin(){
dameObjeto('login').style.display='block';
}
function validar(){
if (dameObjeto('nombre').value.length<2){
alert('por favor completa el campo nombre');
dameObjeto('nombre').style.background='#ff0';
return false;
}
if (dameObjeto('mail').value.length<2){
alert('por favor completa el campo mail');
dameObjeto('mail').style.background='#ff0';
return false;
}
if (dameObjeto('mail').value.indexOf('@')==-1){
alert('por favor completa el campo mail');
dameObjeto('mail').style.background='#ff0';
return false;
}
if (dameObjeto('mail').value.indexOf('.')==-1){
alert('por favor completa el campo mail');
dameObjeto('mail').style.background='#ff0';
return false;
}
if (dameObjeto('usuario').value.length<2){
alert('por favor completa el campo usuario');
dameObjeto('usuario').style.background='#ff0';
return false;
}
if (dameObjeto('contraseña').value ==""){
alert('por favor completa el campo contraseña');
dameObjeto('contraseña').style.background='#ff0';
return false;
}
return true;
}
window.onload=
dameObjeto('Logueo').onclick=mostrarLogin;
dameObjeto('cruz').onclick=cerrarLogin;
dameObjeto('form_reg').onSubmit=function(){
return validar();
}
</script>
</head>
<body >
<div id="cabecera">
<img src="imagenes/bannergrandeopt.jpg" width="800" height="200" alt="bannerprincipal" style="margin-left:73px"/>
</div>
<div id="login">
<a href="#" id="cruz"><img id="cerrarestilo" src="imagenes/Cerrar.gif" width="10" height="10" alt="cerrar" /></a>
<form action="" method="post" id="f">
<label>usuario</label> <input class="inputs"name="" type="text" />
<br />
<br />
<label>contraseña</label><input class="inputs" name="" type="password" />
<br />
<br />
Aun no sos usuario? <span style=" color:#F00; word-spacing:5px;">Registrate ya!!</span>
<br />
<input id="submitestilo" name="" type="submit" value="entrar" />
</form>
</div>
</div>
</div>
<div id="contenido" class="limpiar">
<div id="contenidocentral">
<!--preguntar como hago aca para no poner el id inputs(nro)-->
<form action="alta.php" method="post" name="form1" id="form_reg">
<label class="etiquetas">Nombre*:</label> <input class="inputs1" id="nombre" name="nombre" type="text" />
<br />
<label class="etiquetas">Email*:</label> <input class="inputs2" id="mail" name="mail" type="text" />
<br />
<label class="etiquetas">Nombre de usuario*:</label><input class="inputs3" id="usuario" name="usuario" type="text" />
<br />
<label class="etiquetas">Password*:</label> <input class="inputs4" id="contraseña" name="contraseña" type="password" />
<input class="etiquetas" name="enviar" type="submit" value="Registrarse" />
</form>
</div>
</div>
<div id="pie">
<img src="imagenes/pieopt.jpg"width="955" height="66" alt="footer" />
</div>
</div>
</body>
</html>
