Ya logré que la parte estetica quede muchisimo mejor al ocutlar los campos cuando no son necesarios.
Pero ahora que quise agregarle el proceso de validación( que me funcionaba perfectamente antes
de agregarle estas modificaciones esteticas ),ahora no se que sintaxis usar para cuando me refiero a dichos campos
Es decir antes por ejemplo usaba:
document.form1.email.value
document.form1.email.focus()
ahora saque el form1 pero no se que poner ahi
Ahora asi no funciona creo que es porque los campos estan dentro de la funcion funtion mostrarLogin() y no directamente en el form1 como antes
Si no es eso y ves como ayudarme te lo agradezco infinitamente, pues mis conocimientos de javascript son muy limitados
Gracias desde ya
Código PHP:
<html>
<head>
<script language=JavaScript>
function isMail(Cadena) {
if (document.email.value.length==0 && document.password.value.length==0)
{alert("Ingrese su correo electrónico y contraseña para poder acceder a su cuenta");
document.email.focus()
return false;}
if (document.email.value.length==0)
{alert("Ingrese su correo electrónico")
document.email.focus()
return false;}
if (document.password.value.length==0)
{alert("Ingrese su contraseña")
document.password.focus()
return false;}
Punto = Cadena.substring(Cadena.lastIndexOf('.') + 1, Cadena.length) // Cadena del .com
Dominio = Cadena.substring(Cadena.lastIndexOf('@') + 1, Cadena.lastIndexOf('.')) // Dominio @lala.com
Usuario = Cadena.substring(0, Cadena.lastIndexOf('@')) // Cadena lalala@
Reserv = "@/\"\'+*{}\\<>?[]#!^*;,:" // Letras Reservadas
valido = true
for (var Cont=0; Cont<Usuario.length; Cont++) {
X = Usuario.substring(Cont,Cont+1)
if (Reserv.indexOf(X)!=-1)
valido = false
}
// verifica qie el Punto no tenga un caracter especial
for (var Cont=0; Cont<Punto.length; Cont++) {
X=Punto.substring(Cont,Cont+1)
if (Reserv.indexOf(X)!=-1)
valido = false
}
// verifica que el Dominio no tenga un caracter especial
for (var Cont=0; Cont<Dominio.length; Cont++) {
X=Dominio.substring(Cont,Cont+1)
if (Reserv.indexOf(X)!=-1)
valido = false
}
// Verifica la sintaxis bsica.....
if (Punto.length<2 || Dominio <1 || Cadena.lastIndexOf('.')<0 || Cadena.lastIndexOf('@')<0 || Usuario<1) {
valido = false
}
// alert de aviso indicando si email no es vlido
if (valido) {
return true
} else {
alert('El email ingresado no tiene un formato válido.')
return false
}
}
</script>
<script>
function mostrarLogin(){
document.getElementById('label_usuario').innerHTML = "<font color='white' size='2'><center><b>Usuario</b></center><input type=text name='email' id='usuario' size=10>";
document.getElementById('label_pw').innerHTML = "<font color='white' size='2'><center><b>Contraseña</b></center><input type=password name='password' id='password' size=10>";
document.getElementById("tu_input").style.display="none";
document.getElementById("mi_div").style.display="inline";
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="form1" method="POST" action="pg3.php " onSubmit="return isMail(this.email.value)">
<table width="230" style='background-color:#9B0000'>
<tr>
<td with=100 ><input style="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; text-align:center;background-color:#9B0000; " size="20" type = text name="tu_input" class="input" id="tu_input" value='Ingresar a mi cuenta' onClick="mostrarLogin();"></td>
<td width=100><label name='label_usuario' id='label_usuario'></label></td>
<td width=100><label name='label_pw' id='label_pw'></label></td>
<td width=100><div id="mi_div" style="display:none"><font color='#9B0000' size='2'><center>.</center><input type="submit" name="Submit" value="Acceder"></div></td>
</tr>
</table>
</form>
</body>
</html>
