control de registro con javascript

Citar

Escrito el 26 Abr 2013 03:48 pm

hola quiero realizar control de q el campo no sea vacio pero por separado para cada textbox , cuando pongo el nick solo me anda pero nose como hacer para meterle mas datos he probado y no me queda bien algo estoy haciendo mal con la condicion aqui va el codigo:
pd. me gustaria tambien meter un nuevo campo de repetir contraseña q verifique si son iguales o no y largue un msj .

<html>
<head>

<script>
function cargarModo(){
modo=formCli.txtmodo.value;
validoForm();
}

function validoForm(){
if (validoCamposOblig()== 1 ){
alert ("Se ha registrado correctamente");
document.formCli.submit();
}else{

}
}
//aca agrego los campos q estan en el formulario q no pueden ser vacios , son iguales a como los llame en el formulario
function validoCamposOblig(){
if (formCli.usuario.value == "" ){
alert ("Ingrese el nick");
//pongo comentario aca porq con esto no anda bien pero asi es como tengo
else if (formCli.pass.value == ""){
//alert ("Ingrese el pass");
return 0;
}else{
return 1;
}
}

function validarEmail(){
var valor = formCli.mail.value;
if( !(/\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/.test(valor)) ) {
alert ("El mail debe contener @ y . (punto), y el formato debe ser ejemplo [email protected]");
formCli.mail.focus();
return 0;
} else {
return 1;

}

}

function validarPassword(){
var res=0;
var largo= formCli.pass.value.length;

return res;
}

</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">

</style>
</head>
<body >
<h1 class="Estilo1">Registro de usuario </h1>
<p class="Estilo1">* DATOS OBLIGATORIOS</p>
</head>

<body>
<td align="center" valign="top" class="subir Estilo1"><div align="center"><span class="Estilo7">Ir a :<a href="../../index.php"> Home </a></span></div></td>
<form name="formCli" method="post" action="../usuariosInsertar.php">
<table width="352" border="0">

<tr>
<td height="48" colspan="8"><div align="center" class="Estilo1"></div></td>
</tr>

<td>Nick::
<td><input name="usuario" type="text" id="usuario" />
*</td>

</tr>

<td> Password:<td><input name="password" type="password" id="pass" value="" >
*</td>

</tr>

<td> Mail:<td><input name="mail" id="mail">
*</td>

</tr>
<td> Fecha:<td><select name="fechaNac" id="fechaNac">
<option value="1920">1920</option>
<option value="1921">1921</option>

</select>

</td>

</tr>

<tr>
<td colspan="3"><label>
<input type="button" value="Enviar" onClick="cargarModo()" >
<input type="hidden" size="2" name="txtmodo" value="">

</label></td>
</tr>
</table>
</form>
</body>
</html>

Por foos1987

11 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Abr 2013 04:35 pm

Lo primero, la variable "formCli" que estás usando, está indefinida.
Al tag <form> agrégale el atributo "id" tal como:

Código HTML :

<form name="formCli" id="formCli" method="post" action="../usuariosInsertar.php">

Y luego en el código JavaScript, asigna correctamente el valor a la variable formCli:

Código Javascript :

function validoCamposOblig(){
   formCli = document.getElementById('formCli');
   if (formCli.usuario.value == "" ){
      alert ("Ingrese el nick");
   } else {
      if (formCli.pass.value == ""){
         //alert ("Ingrese el pass"); 
         return 0; 
      } else {
         return 1; 
      }
   }
} // <-- esta llave estaba faltando.

(Presta mejor atención a dónde comienza y termina cada sentencia porque tienes una ensalada de llaves!)

Por otro lado la validación que estás haciendo no es muy segura. Un visitante podría poner un solo espacio en blanco en cualquiera de los <input> y eso haría que fuera no vacío y el código pasaría de largo.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 26 Abr 2013 05:45 pm

muchas gracias por la ayuuda ahora si me quedo andando , otra cosa como puedo hacer para comparar contraseña , por ej q le pida repetir pass y q verifique si son iguales siga de largo algo asi
luego tengo un problema con la validacion de correo no me la toma de esta manera .
ah pd q puedo hacer para solucionar ese tema para dejar mas segura la pagina

Por foos1987

11 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 28 Abr 2013 07:54 pm

hola estuve tocando mucho este tema quiza es una pavda pero no po0dia lograr q funcione correctamente , bueno llegue a la solucion q queria ahora me valida nick,pass me verifica q sean iguales ambas pass y me verifica el mail , el mail no esta del todo correcto pero bueno ahora no me importa mucho eso , aqui pego el codigo por si les sirve y quisiera ver si me pueden ayudar con el tema de la encriptacion y desencriptacion ya q si lo encripto luego tengo q mirar en la base de datos la pass encriptada para pegarla y nose como me anda eso ando perdido aqui los codigos
registroUsuario.html
<html><head>

<script>
function cargarModo(){
modo=formCli.txtmodo.value;
validoForm();
}

function validoForm(){
if (validoCamposOblig()== 1 && validarEmail()==1 && validarPassword()==1 ){
alert ("Se ha registrado correctamente");
document.formCli.submit();
}else{

}
}
//aca agrego los campos q estan en el formulario q no pueden ser vacios , son iguales a como los llame en el formulario
function validoCamposOblig(){
formCli = document.getElementById('formCli');
if (formCli.usuario.value == "" ){
alert ("Ingrese el nick");
}
//para agregar un nuevo campo de validacion pego la parte de un if y lo cierro abajo todo esto antes del return 0
if (formCli.pass.value == ""){
alert ("Ingrese el pass");
return 0;
} else {
return 1;
}
}
// <-- esta llave estaba faltando.

//var exr = /^[0-9a-z_\-\.]+@dominio\.com$/i;
function validarEmail(){
var valor = formCli.mail.value;
if( !(/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/.test(valor)) ) {
alert ("El mail debe contener @ y . (punto), y el formato debe ser ejemplo [email protected]");
formCli.mail.focus();
return 0;
} else {
return 1;

}

}
function validarPassword(){
var res=0;
var largo= formCli.pass.value.length;
var largo2= formCli.passconfirm.value.length;

if ((largo>=6) && (largo2>=6)){
if (formCli.pass.value==formCli.passconfirm.value){
res=1;
}else{
alert("la passw no coincide con la verificacion");
formCli.passw.focus();
}
}else{
alert("el largo de la passw debe ser minimo 6");
formCli.passw.focus();

}

return res;
}
</script>

usuariosInsertar.php
<?php
session_start();

if(!isset($_SESSION["accion"]))
header("location:../index.php");
else
session_unregister("accion");

include("Conexion.php");
$cant_usuarios=" SELECT count( * ) AS autorizado
FROM usuarios ";
if($autorizado==0){
$tipo=2;
}
else {
$tipo=1;
}
//lo q va antes del igual es como se llama en la base de datos , lo otro es como se llama el textbox
//agrego los datos del usuario a insertar en la base de datos , esto es el nombre del formulario
$idUsuarios=$_POST["idUsuarios"];
$nick=$_POST["usuario"];
$pass=$_POST["password"];
$passconfirm=$_POST["passconfirm"];
//$pass = md5($pass);
$mail=$_POST["mail"];
$fechaNac=$_POST["fechaNac"];
//inserto los datos anteriormente aca en el insert y en el values
$sql="insert into usuarios(idUsuarios,nick,pass,passconfirm,mail,fechaNac) values('$idUsuarios','$usuario','$pass','$passconfirm','$mail','$fechaNac')";
$conn=new Conexion();
$nro=$conn->actualizacion($sql);
if($nro==-1){
$_SESSION["msj"]="El nombre ya se encuentra registrado en el sistema";
header("location:registro.php");
}
else{
mkdir("../usuario/$usuario");
$_SESSION["msj"]="Bienvenido $usuario";
//$_SESSION["logueado"]=$usuario;
$_SESSION["sess_perfil"]=$usuario;
header("location:../index.php");
}

$conn->cerrar();
header("location:../index.php");

?>
ojala me puedan ayudar con este temita saludos y gracias

Por foos1987

11 de clabLevel

Envíale un mensaje privado

control de registro con javascript

Escribe una respuesta rapida