Problema PopUp/modal con formulario PHP

[NnikoO]

Hola gente, por el escaso tiempo que tengo paso a contar brevemente. Tengo un link de ingreso como usuario a la página, que por medio de Jquery se abre un pop up/modal en el que hay un formulario php que consta de usuario, contraseña e ingresar.

El codigo php funciona perfectamente, el usuario y la pass se comparan con los datos de la base para ver si existen, y de ser así el pop up se cierra, redireccionando hacia el index.php donde se puede apreciar la sesión iniciada.

El problema, es que si yo presiono ingresar sin cargar ningún dato, ni bien abro el pop up, este se cierra, sin tirar error de que los datos son inválidos, ni nada por el estilo.

Quisiera saber que solución se le puede dar a esto para que no se cierre el emergente, salvo que sea porque una sesión se inicio correctamente, o porque el usuario lo cerro deliberadamente. Seguramente la solución se da desde el código Jquery del pop up, alguna linea que controle el submit del formulario seguramente. Hasta ahora googleando no conseguí ninguna solución.
Espero que puedan ayudarme, muchas gracias de antemano.
Saludos.

<< niko >>

[caricatos]

Hola:

Seguro que no se trata de una ventana modal, porque éstas (las verdaderas ventanas modales), no tienen esa característica (son alert, confirm y prompt)...

Lo que se hace en estos casos es o un bucle infinito hasta que se teclee algo correcto, o directamente validar y redirigir según el resultado... lo que pienso que debes buscar son temas sobre validaciones, que en estos foros hay muchos.

Saludos

[NnikoO]

Se puede hacer implementando php?

[caricatos]

Hola:

Los sistemas de usuarios y contraseñas suelen estar implementados con una base de datos, o en raros casos simplemente un fichero donde se guardan esas parejas de datos, y eso implica usar un lenguaje del servidor. Básicamente se tiene que tener ambos datos (para eso se puede hacer una validación en javascript), y con una petición chequear esos datos en el servidor, ya con php (o cualquier lenguaje que éste soporte).

Deberías indicarnos qué parte no tienes implementada, para saber cómo orientarte.

Saludos

[NnikoO]

El php ya lo tengo todo, a eso me dedico principalmente.. La base de datos, con el registro, y el logueo con comprobacion, ya esta realizado. Lo que molesta, es el tema este de que se cierra la vertana emergente del formulario de ingreso. Si queres te muestro cada código.

[caricatos]

Hola:

Si usas un formulario y un botón submit, para evitar que se envíe, si no pasa la validación debes enviar el valor false mediante el evento... en pocas líneas:

<form action="login.php" method="post" onsubmit="return validar(this)" >

... y con javascript:

function validar(f) {
return f.usuario.value != "" && f.password.value != "";
}

Normalmente suele ser algo más complejo, porque se pueden usar patrones y expresiones regulares, pero el ejemplo es para evitar que estén los campos vacíos.

Algo que también sería interesante saber, es si estás usando Ajax (yo particularmente no lo recomiendo)

Saludos

[NnikoO]

Estoy usando php + MySql.
Te dejo los códigos:
El formulario del pop up para el ingreso, se llama con un include.

Código del Popup + el include:

Código HTML:

<script type="text/javascript">
$(document).ready(function(){
    $('a.poplight[href^=#]').click(function() {
        var popID = $(this).attr('rel');
        var popURL = $(this).attr('href');              
        var query= popURL.split('?');
        var dim= query[1].split('&');
        var popWidth = dim[0].split('=')[1];
        $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="imagenes/cerrarpopup.jpg" class="btn_close" title="Cerrar" alt="Cerrar" /></a>');
        var popMargTop = ($('#' + popID).height() + 80) / 2;
        var popMargLeft = ($('#' + popID).width() + 80) / 2;
        $('#' + popID).css({ 
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });
        $('body').append('<div id="fade"></div>');
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
        
        return false;
    });
    $('a.close, #fade').live('click', function() {
        $('#fade , .popup_block').fadeOut(function() {
            $('#fade, a.close').remove();  
    });     
        return false;
    });
});
</script>
 
 
<li class="menu_ingresar"><a href="#?w=260" rel="registrarse" class="poplight" title="Ingresar - Registrarse">Ingresar</a></li>
 
 
<div id="registrarse" class="popup_block">
            <?php include("ingresar.php"); ?>
        </div>
 

Código php:

Código PHP:

<?
if ($_SESSION["validar"] == "autorizado") 
{
    $msjsesion = "Sesion iniciada.";
}
else
{
    if (isset($_POST['ingresar']))
      {
        $user = $_POST["user"];
    
        include("admin/config.php");
        
        $link = mysql_connect($servidor, $usuario, $pass);      
            
        $bd = mysql_select_db($basedato, $link);
        
        $sql = "SELECT * FROM clientes WHERE mail='" . $_POST['user'] . "' 
                        AND pass='" . $_POST['pass'] . "'"; 
        
        $resultado = mysql_query($sql, $link);
        
      if(mysql_num_rows($resultado)!=0)
       {
         session_start();
         $_SESSION["validar"]= "autorizado";
         $_SESSION["usuario"] = $user;
         header ("Location: index.php");
       }
        else 
       {
        $msjingresar = "No!";
        }   
    
       mysql_free_result($resultado);
       mysql_close($link);
     }
}
?> 
 
<div id="identificar">
    <h1> <? if(!isset($msjsesion)){ ?>Identificarme: <? echo $msjingresar; ?></h1>
   
    <form action="" method="post" name="login">
        <table width="250" border="0" cellpadding="5" style="margin:5px 0 0 0;">
            <tr>
                <td><label for="usuario">E-Mail:</label></td> 
                <td><input name="user" type="text" style="width:150px;" value="<? $_POST["user"]; ?>" /></td>
            </tr>
            <tr>
                <td><label for="pass">Contraseña:</label></td>
                <td><input name="pass" type="password" style="width:150px;" value="<? $_POST["pass"]; ?>" /></td>
            </tr>
            <tr>
                <td><input name="ingresar" type="submit" value="Ingresar" /></td>
                <td align="right"><p><a href="registro.php" title="Registrarse">Nueva Cuenta</a></p></td>
            </tr>
        </table>
    </form>
     <? }else{ 
                    
                    echo $msjsesion; 
                    } 
                ?>
</div>