[SOLUCIONADO] email y password se ven en mi url

[devil65]

buen dia

lo que pasa es lo siguiente y quisiera que ustedes me regalaran sus amables conocimientos para solucionar este problema.

tengo un codigo bajado en jquery para ingreso de usuario pero cuando lo cargue a mi pagina me muestra el usuario y contraseña en la url asi.

http://localhost/[email protected]=12345

existe alguna forma de que esto no se vea.

aqui les envio el codigo

este es mi html

Código HTML:

<form id="loginForm">
                        <fieldset id="body">
                            <fieldset>
                            <section id="formulario">
                            <form action="login.php" method="POST">
                                <label for="email">Email</label>
                                <input type="text" name="email" id="email" require placeholder="Ingrese email." />
                            </fieldset>
                            <fieldset>
                                <label for="password">Contrase&ntilde;a</label>
                                <input type="password" name="password" id="password" require placeholder="Digite su password" />
                            </fieldset>
                            <input type="submit" id="login" value="Entrar" />
                            <label for="checkbox"><input type="checkbox" id="checkbox" />Recu&eacute;rdame</label>
                        </fieldset>
                        <span><a href="#">Perdiste tu contrase&ntilde;a?</a></span>
                    </form>
                    </section>
 

aqui mi codigo en jquery.

Código HTML:

// Login Form
 
$(function() {
    var button = $('#loginButton');
    var box = $('#loginBox');
    var form = $('#loginForm');
    button.removeAttr('href');
    button.mouseup(function(login) {
        box.toggle();
        button.toggleClass('active');
    });
    form.mouseup(function() { 
        return false;
    });
    $(this).mouseup(function(login) {
        if(!($(login.target).parent('#loginButton').length > 0)) {
            button.removeClass('POST');
            box.hide();
        }
    });
});
 

y lo malo es que tampoco me verifica el usuario y contraseña que esta en mi bd.
cuando le doy entrar se me devuelve a la misma pagina.

no se que tenga mal pero requiero de sus amables comentarios y desde ya gracias por sus respuestas.

[sintel_1]

Hola.

No entiendo bien el codigo que muestras.

Has puesto dos etiquetas <form> con solo un cierre </form>

luego en el codigo jquery haces mencion 2 veces al identificador loginButton que no existe en el html, no se si existe algun codigo jquery que lo crea y no lo has mostrado.

el codigo html deberia quedar asi:

Código HTML:

<section id="formulario">
                            <form action="login.php" method="POST" id="loginForm">
                            <fieldset id="body">
                                <fieldset>
                                
                                
                                    <label for="email">Email</label>
                                    <input type="text" name="email" id="email" require placeholder="Ingrese email." />
                                </fieldset>
                                <fieldset>
                                    <label for="password">Contrase&ntilde;a</label>
                                    <input type="password" name="password" id="password" require placeholder="Digite su password" />
                                </fieldset>
                                <input type="submit" id="login" value="Entrar" />
                                <label for="checkbox"><input type="checkbox" id="checkbox" />Recu&eacute;rdame</label>
                            </fieldset>
                            <span><a href="#">Perdiste tu contrase&ntilde;a?</a></span>
                        </form>
                        </section>
 

el que te aparezca el user y pass por url es por la primera etiqueta <form> que tenias y el navegador interpretaba que debia pasar los datos por el metodo GET.

realmente no se que quieres hacer con el jquery.

saludos

[devil65]

muchas gracias por tu respuesta.
lo que quiero hacer es un sistema de logueo que el usuario digite email y password que ya están almacenados en mi bd con eso que el sistema me diga que si es el password y email registrado de acceso al administrador.

yo se que esto se ve muy mal pero como hasta ahora estoy empezando entonces hay mucho por corregir y por esto agradezco tu ayuda y tus amables comentarios.

ya quedo solucionado.
pero una pregunta mas como sabias que era por metodo GET. y disculpa mi ignorancia.


gracias

[sintel_1]

Hola.

Si no se indica un metodo el navegador interpreta que es mediante GET.

Por lo que entiendo estas queriendo hacer una validacion en jquery antes de mandar los datos al servidor.

Supongo que tienes claro que quien tiene que buscar en la base de datos es php,
jquery o javascript es un lenguaje que se ejecuta en el cliente, entiendo pues que ya tienes el codigo php de login.php

la parte de html + jquery podria quedarte asi:

Código HTML:

<html>
<head>
<title>login</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script>
  $(document).ready(function(){
    $('#loginForm').on('submit',function(){
    $('#muestra').html(""); 
    var valido = 0;
    var campo_email = $('#email').val();
    var mail_correcto = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!mail_correcto.test(campo_email)){
    $('#muestra').append("<h3>Debe de introducir un email correcto</h3>");
    valido = 1;
    }
    if ($('#password').val() == "" ){ 
    $('#muestra').append("<h3>Debe de introducir la clave</h3>");
    valido = 1;
    }
    if (valido == 1){ 
    return false;
    } else if (valido == 0){
    return true;
    }   
    });
  });//fin de ready
</script>
</head>
<body>
  <section id="formulario">
      <form action="login.php" method="POST" id="loginForm">
        <fieldset id="body">
        <fieldset>      
            <label for="email">Email</label>
            <input type="text" name="email" id="email" require placeholder="Ingrese email." />
        </fieldset>
        <fieldset>
            <label for="password">Contrase&ntilde;a</label>
            <input type="password" name="password" id="password" require placeholder="Digite su password" />
        </fieldset>
        <input type="submit" id="login" value="Entrar" />
        <label for="checkbox"><input type="checkbox" id="checkbox" />Recu&eacute;rdame</label>
        </fieldset>
        <span><a href="#">Perdiste tu contrase&ntilde;a?</a></span>
      </form>
  </section>    
    <div id="muestra"></div>    
</body>
</html>
 

Así comprobarias si el usuario a introducido un email valido y que no haya dejado el password vacio.
Si todo es correcto, realiza el submit enviando los dos campos a login.php.

Ahora quedaria recoger los valores con php y hacer la busqueda en la base de datos.

Espero que lo tengas más claro ahora.
Saludos.

[devil65]

muchas gracias sintel_1 por tu amable ayuda el tema me quedo totalmente entendido, desde ya muchas gracias por tu ayuda y disculpa la molestia.