Problemas en Formulario en javascript

ahaugas · #1 (**permalink**) 03/03/2012, 16:01

Hola miren tengo una problema en un formulario de inicio de sesion, en un principio lo que deberia de hacer es comprobar los datos introducidos y comprobarlos ej: sin no es correcto devuelva un mensaje de error y si accede diga has iniciado correctamente y te rediriga.

no consigo hacer el post en php mediante javascript.
pongo los codes aver si me podeis hechar una mano.

javascript

Código Javascript:

Ver original$(document).ready(function() {
    $('.form').submit(function(){
    $('#message').slideDown();
        if($('#username').val().length < 1) {
            $('#message').addClass('error');
            $('#message').removeClass('success');
            $('#message').html('<img src="images/error.png" /><span>Los datos de usuario y/o contraseÃ±a introducidos no son vÃ¡lidos!</span>');
        } else {
 
            $.post("../acceso/login.php");
            $('#message').addClass('success');
            $('#message').removeClass('error');
            $('#message').html('<img src="images/check.png" /><span>Has iniciado sesion correctamente, en vreve serÃ¡ redirigido a su cuenta!</span>');
        }
    });
    $('.form input').focus(function(){
        $('#message').slideUp();
    });
});

y el formulario

Código HTML:

Ver original<script src="js/login.js" type="text/javascript"></script>
</head>
 
<body>
    <div id="wrapper" class="container">
        <div id="logo"><img src="images/flame.png" /></div>
        <form class="form rounded-5 shadow" onsubmit="javacript:return false;" method="post" action="../acceso/login.php">
            <input id="username" class="rounded-1" type="text" name="username" placeholder="Usuario" />
            <input id="password" class="rounded-1" type="password" name="password" placeholder="Password" />
            <input class="button submit rounded-1" type="submit" value="Login" />
        </form>
        <div id="message" class="message rounded-5 shadow">
            <img src="images/error.png" /><span>Leave the Username and Password fields blank to see the error message</span>
        </div>
        <ul class="footer">
            <li><a href="#">Condiciones y Términos</a></li>
            <li><a href="#">Descargar Plugin</a></li>
            <li><a href="#">Reenviar Email de Activación</a></li>
            <li><a href="#">Olvidaste tu contraseña?</a></li>
        </ul>
    </div>

gracias

maycolalvarez · #2 (**permalink**) 03/03/2012, 17:59

le recuerdo que $.post() envía una petición AJAX, y en la cual debe de enviar los datos serializados del formulario, lo cual dicha función hace, pero NO le está indicando el formulario como tal; consulte la documentación de jQuery

también puede enviar el formulario normalmente por POST con submit:

document.forms['name_form'].submit();