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();
});
});
Código HTML:
Ver original
<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" /> <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> <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>
gracias