[SOLUCIONADO] Problema formulario jquery

[Tik3r]

Hola, estoy empezando con ajax y jquery. El formulario que quiero hacer es muy simple, para ver como funciona, pero por más que lo intento no me funciona (me devuelve [object Objet].

Sin más les pongo aquí el código:

Código HTML:

<form id="form1" action="process1.php" method="post" accept-charset="utf-8">
<label for="pass">Pass: </label><input id="pass" name="pass" type="password"/>
<input id="check" type="button" value="unlock"/>
</form>
 

Código Javascript:

$('#check').on({
    click: function() {
    var pass=$('#form1').serialize();
    var lock= $.ajax({
            url: 'process1.php',
            type: 'POST',
            data: pass,
            async: false,
            beforeSend: function (obj) {$('#load').html('<img alt="loading" src="img/loading.gif">');},
            complete: function(obj,check) {if (check!="success") $('#load').html('Error').addClass('imp2');},
            success: function() {$('#load').html('');}
    });
    alert(lock);
    //$('#load').html(lock);
    $('#form2>input').removeAttr('disabled');
    $('#form2>textarea').removeAttr('disabled');
    $('#form1>input').attr('disabled','disabled');
    }
});
 

Código PHP:

//define password
define("PASS","1234");
 
//Get post data
$pass=$_POST["pass"];
 
//Development
 
    if (isset($pass))
    {
        if ($pass==PASS)
            return 1;
        else
            return 0;
    }
 

He probado a poner $_GET['pass'] pero nada...

Es muy simple pero no soy capaz :( es que me introduzca una contraseña y asi desbloquear otro formulario que tengo. El código javascript tendría que ser mas o menos así (el otro que puse es para probar que me devolvía para ver donde fallaba).

Código Javascript:

$('#check').on({
    click: function() {
    var pass=$('#form1').serialize();
    var lock= $.ajax({
            url: 'process1.php',
            type: 'POST',
            data: pass,
            dataType: text,
            async: false,
            beforeSend: function (obj) {$('#load').html('<img alt="loading" src="img/loading.gif">');},
            complete: function(obj,check) {if (check!="success") $('#load').html('Error').addClass('imp2');},
            success: function() {$('#load').html('');}
    });
        if (!lock)
            $('#load').html('Error').addClass('imp2');
        else
        {
        $('#form2>input').removeAttr('disabled');
        $('#form2>textarea').removeAttr('disabled');
        $('#pass').html('');
        $('#form1>input').attr('disabled','disabled');
        }
    }
});
 

Si le pongo DataType: text ya no me funciona... lo único que quiero recoger es 1 o 0..

Gracias por adelantado

[djaevi]

Prueba asi:

Código Javascript:

$.ajax({
            url: 'process1.php',
            type: 'POST',
            data: pass,
            async: false,
            beforeSend: function (obj) {$('#load').html('<img alt="loading" src="img/loading.gif">');},
            complete: function(obj,check) {if (check!="success") $('#load').html('Error').addClass('imp2');},
            success: function(respuesta) {
                $('#load').html('');
                var lock = respuesta;
            }
        });
 

Saludos

[Tik3r]

Gracias por la respuesta pero sigue sin funcionarme... ahora no me hace nada (no me desbloquea el formulario 2 ni me muestra el alert)... como puedo pasar la información de un input mediante ajax y jquery?

El problema es que no recibo una respuesta por parte de php.... nose porque pero es así porque javascript se para en var lock=resp;


-----------------------------------------------------------------------------------------------------------------------------------------------------


Funciona como tu dices, pero tienes que declarar la variable lock como global (antes de $(#check).on )

[djaevi]

Aver vamos a mejorarlo un poco mas es extraño que no te funcione te pongo el codigo que usario yo digamos el que uso siempre je aver:

Código HTML:

<form id="form1" action="process1.php" method="post" accept-charset="utf-8">
    <label for="pass">Pass: </label><input id="pass" name="pass" type="password"/>
    <input type="button" value="unlock" onclick="enviar();"/>
    </form>
 

Código Javascript:

function enviar() {
    $.ajax({
        url: 'process1.php',
        type: 'POST',
        data: {pass:$("#pass").val()},
        success: function(respuesta) {
            alert(respuesta);
            }
        });
    }
 

Prueba con esto, esta reducido al punto que puedas obtener la respuesta de tu php y veas bien como funciona, deberia funcionarte de lo mas bien, fijate que al html le agregue el evento en el onclick del boton, el codigo de javascript debe estar dentro del head, pruebalo y nos cuentas como te fue.

Edit: y la data la pase como un objeto donde el atributo pass (lo mismo que el name de un campo del formulario para php) es igual al elemento (pass).val() (su valor)

Saludos

[Tik3r]

Gracias!! lo puse como dijiste y funciona ^^