hacer que un registro se cargue en index hola amigos mi problema es que tengo 3 php 1 el index que tiene un formulario de login y el de registro que pide datos al usuario para que se registre y el guardarRegistro que es donde hace la validacion del registro mi problema es que cuando pongo el registro con include en el index guarda bien todos los datos pero cuando te equivocas hice unos javascrip que te muestran tus errores pero el problema es que los errores te los muestra en la pagina de registro.php y no en index.php y estuve investigando y quiero hacer un ajax que cargue el registro sin moverse de index pero no se como quisiera que me ayudaran gracias
les dejo mis codigos
//INDEX
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>¡Bienvenido a Connect2!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="estilos.css" type="text/css">
<script src="jquery171.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.alerts.js"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
$().ready(function() {
$("#frmlogin").validate();
$("#usuario").focus();
});
// -->
</script>
</head>
<body>
<div id="contenedor">
<br /><br />
<form id="frmlogin" name="frmlogin" method="POST" action="validarUsuario.php">
Usuario
<input type="text" name="usuario" id="usuario" class="required" maxlength="50">
Password
<input type="password" name="password" id="password" class="required" maxlength="50">
<input type="submit" name="enviar" value="Entrar" >
<a id="olvide" href="recuperarPassword.php">
Olvide mi contraseña
</a
</div>
<?php
//Mostrar errores de validacion de usuario, en caso de que lleguen
if( isset( $_POST['msg_error'] ) )
{
switch( $_POST['msg_error'] )
{
case 1:
?>
<script type="text/javascript">
jAlert("El usuario o password son incorrectos.", "Seguridad");
$("#password").focus();
</script>
<?php
break;
case 2:
?>
<script type="text/javascript">
jAlert("La seccion a la que intentaste entrar esta restringida.\n Solo permitida para usuarios registrados.", "Seguridad");
</script>
<?php
break;
} //Fin switch
}
//Mostrar mensajes del estado del registro
if( isset( $_POST['status_registro'] ) )
{
switch( $_POST['status_registro'] )
{
case 1:
if( $_POST['i_EmailEnviado'] ==1) {
?>
<script type="text/javascript">
jAlert("Gracias, ha sido registrado exitosamente.\n Se le ha enviado un correo electronico de bienvenida, \npor favor, NO LO CONTESTE pues solo es informativo.", 'Informacion');
</script>
<?php
} else {
?>
<script type="text/javascript">
jAlert("Gracias, ha sido registrado exitosamente.\n No se le ha podido enviar correo electronico de bienvenida, \nsin embargo, ya puede utilizar su datos de acceso para registrarse..", 'Informacion');
</script>
<?php
}
break;
default:
?>
<script type="text/javascript">
jAlert("Temporalmente NO se ha podido registrar, intente de nuevo mas tarde.", "Informacion");
</script>
<?php
} //Fin switch
}
?>
</table>
</form>
<div id="registro">
<table>
<tr>
<td> <?php include("registro.php"); ?></td>
</tr>
</table>
</div>
</body>
</html>
//REGISTRO
<?php
//validar variables
$form_nombre = "";
$form_apPaterno = "";
$form_apMaterno = "";
$form_email = "";
$form_username = "";
$form_password = "";
$form_password2 = "";
if( isset($_POST['form_nombre']) )
$form_nombre = trim($_POST['form_nombre']);
if( isset($_POST['form_apPaterno']) )
$form_apPaterno = trim($_POST['form_apPaterno']);
if( isset($_POST['form_apMaterno']) )
$form_apMaterno = trim($_POST['form_apMaterno']);
if( isset($_POST['form_email']) )
$form_email = trim($_POST['form_email']);
if( isset($_POST['form_username']) )
$form_username = trim($_POST['form_username']);
if( isset($_POST['form_password']) )
$form_password = trim($_POST['form_password']);
if( isset($_POST['form_password2']) )
$form_password2 = trim($_POST['form_password2']);
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.:: Registrar Usuario ::. </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="estilos.css" type="text/css">
<script src="jquery171.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.alerts.js"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
$().ready(function() {
$("#registrar_usuario").validate({
rules: {
/*A continuacion los nombres de los campos y sus reglas a cumplir */
tx_nombre: {
required: true, minlength: 3
},
tx_apPaterno: {
required: true, minlength: 3
},
tx_apMaterno: {
required: true, minlength: 3
},
tx_email: {
required: true, minlength: 5, email: true
},
tx_username: {
required: true, minlength: 5
},
tx_password: {
required: true, minlength: 5
},
tx_password2: {
required: true, minlength: 5, equalTo: "#tx_password"
}
},
/*A continuacion los campos y los mensajes en caso de que no se cumplan las reglas */
messages: {
tx_nombre: {
required: "Por favor, escriba su Nombre.",
minlength: jQuery.format("Su Nombre como minimo debe tener {0} caracteres.")
},
tx_apPaterno: {
required: "Por favor, escriba su Apellido Paterno.",
minlength: jQuery.format("Su Apellido Paterno como minimo debe tener {0} caracteres.")
},
tx_apMaterno: {
required: "Por favor, escriba su Apellido Materno.",
minlength: jQuery.format("Su Apellido Materno como minimo debe tener {0} caracteres.")
},
tx_email: {
required: "Por favor, escriba una direccion de correo electronico valida.",
minlength: jQuery.format("Por favor, escriba una direccion de correo electronico valida.")
},
tx_username: {
required: "Por favor, escriba un nombre de usuario. Este dato le servira para iniciar sesion y ver el contenido.",
minlength: jQuery.format("Su nombre de usuario como minimo debe tener {0} caracteres.")
},
tx_password: {
required: "Por favor, escriba una contraseña.",
minlength: jQuery.format("Su contraseña como minimo debe tener {0} caracteres.")
},
tx_password2: {
required: "Por favor, repita la contraseña anterior.",
minlength: jQuery.format("Su contraseña como minimo debe tener {0} caracteres."),
equalTo: "Por favor, repita la contraseña anterior.",
}
}
});
$("#tx_nombre").focus();
});
// -->
</script>
</head>
<body>
<br />
<form id="registrar_usuario" name="registrar_usuario" method="POST" action="guardarRegistro.php">
<table align="center" width="600px">
<tr>
<td colspan="2" align="center"><h3><b>Registrar usuario</b></h3></td>
</tr>
<tr>
<td colspan="2">Gracias por tu interes en registrarte. Para hacerlo, solo debes llenar
los siguientes campos y pulsar el boton <b>Registrarme</b>. Para hacer mas rapido el registro y
asi tu puedas acceder al contenido, tu cuenta se activa inmediatamente.<br /><br />
</td>
</tr>
<?php
//Si llega el parametro error y no viene vacio
if( isset( $_POST['error'] ) && $_POST['error'] != '' ) {
?>
<tr>
<td colspan="2" >
<font color="red">
<ul>
<?php
echo $_POST['msgs_error'];
?>
</ul>
</font>
</td>
</tr>
<?php
}
?>
<tr>
<td><label for="nombre">Nombre(s)</label></td>
<td>
<input type="text" name="nombre" id="nombre" value='<?php echo $form_nombre ?>' size="30" maxlength="30" />
</td>
</tr>
<tr>
<td><label for="apPaterno">Apellido paterno</label></td>
<td>
<input type="text" name="apPaterno" id="apPaterno" value='<?php echo $form_apPaterno ?>' size="30" maxlength="30" />
</td>
</tr>
<tr>
<td><label for="apMaterno">Apellido materno</label></td>
<td>
<input type="text" name="apMaterno" id="apMaterno" value='<?php echo $form_apMaterno ?>' size="30" maxlength="30" />
</td>
</tr>
<tr>
<td><label for="email">Correo electronico</label></td>
<td>
<input type="text" name="email" id="email" value='<?php echo $form_email ?>' size="30" maxlength="30" />
</td>
</tr>
<tr>
<td><label for="username">Nombre de usuario</label></td>
<td>
<input type="text" name="username" id="username" value='<?php echo $form_username ?>' size="25" maxlength="25" />
</td>
</tr>
<tr>
<td><label for="password">Contraseña</label></td>
<td>
<input type="password" name="password" id="password" value='<?php echo $form_password ?>' size="25" maxlength="25" />
</td>
</tr>
<tr>
<td><label for="password2">Confirme la contraseña</label></td>
<td>
<input type="password" name="password2" id="password2" value='<?php echo $form_password2 ?>' size="25" maxlength="25" />
</td>
</tr>
<tr>
<td align="center" colspan="2">
<br /><br />
<input type="button" onClick="javascript: location.href='index.php'" name="cancelar" value="Cancelar" >
<input type="submit" name="registrarme" value="Registrarme" >
</td>
</tr>
</table>
</form>
</body>
</html>
