Validacion Datos Login EXT.JS

[ambichol]

Hola nuevamente....les escribo para que me puedan ayudar como anteriormente lo estuvieron haciendo...tengo un login hecho con ext.js el cual usa como puente un archivo php para validar datos en la BD(SQL), pero no valida el user y pwd de acceso haciendo que el formulario se quede pensando....les comparto el codigo y espero de su apoyo...
login.js

Código Javascript:

Ext.QuickTips.init();
 
Ext.onReady(function(){
 
    var fp = new Ext.FormPanel({
        id: 'status-form',
        renderTo: Ext.getBody(),
        labelWidth: 75,
        width: 350,
        buttonAlign: 'right',
        border: false,
        bodyStyle: 'padding:10px 10px 0;',
        defaults: {
            anchor: '95%',
            allowBlank: false,
            selectOnFocus: true,
            msgTarget: 'side'
        },
        items:[{
            xtype: 'textfield',
            fieldLabel: 'Usuario',
            name: 'user',
            blankText: 'Ingrese su Usuario'
        },{
            xtype: 'textfield',
            fieldLabel: 'Password',
            name: 'password',
            inputType: 'password',
            blankText: 'Ingrese su Clave'
        }],
        buttons: [{
            text: 'Ingresar',
            visible: false,
            handler: function(){
                if(fp.getForm().isValid()){
                    var sb = Ext.getCmp('form-statusbar');
                    sb.showBusy('Validando...');
                    fp.getEl().mask();
                    fp.getForm().submit({
                        url: 'fake.php',
                        success: function(){
                            sb.setStatus({
                                text:'Validacion Completa::::Bienvenido...!',
                                iconCls:'',
                                clear: true
                            });
                            fp.getEl().unmask();
                            var redirect = "../../Main/index.php";
                            window.location = redirect;
                        }
                    });
                }
            }
        },{
            text: 'Cancelar',
            visible: false
            }]
    });
 
    new Ext.Panel({
        title: 'Ingrese Datos',
        renderTo: Ext.getBody(),
        width: 350,
        autoHeight: true,
        layout: 'fit',
        items: fp,
        bbar: new Ext.ux.StatusBar({
            id: 'form-statusbar',
            defaultText: 'Ingrese Datos',
            plugins: new Ext.ux.ValidationStatus({form:'status-form'})
        })
    });
 
});
 

fake.php

Código PHP:

<?php
include "../conexion.php";
//obtenemos los valores de nuestro login
$user = $_REQUEST['user'];
$pass = $_REQUEST['password'];
$result = mssql_query("select * from SRM_LOGIN where login= '$user' and password = '$pass'");
$row = mssql_fetch_row($result);
 
//Realiza la validacion de Usuarios
sleep(2);
 
if($row['user'] == $user && $row['password'] == $pass)
{
     echo "{success: true}";
}else{
     echo "{success: false, errors: { reason: 'Password error.' }}";
    }
    
?>
 

conexion.php

Código PHP:

<?php
mssql_connect('(local)', 'Usr', 'Pwd') or die("No fue posible conectar con el servidor");
mssql_select_db('DB') or die("No fue posible selecionar la base de datos");
/*print "Conexión OK!<br>";
 
    $sql="select * from srm_login";
    $arr = array();
    $rs = mssql_query($sql) or die;
    while($obj = mssql_fetch_object($rs)){
        $arr[] = $obj;
    }
    Echo json_encode($arr);
    */
?>
 

[maycolalvarez]

necesitas definir la función para cuando el success falla, si no recuerdo mal es un evento failure, para desde allí eliminar la mascara de carga en caso de fallo.

evidentemente puede que exista un error del lado de php, te recomiendo usar la consola de depuración del navegador para verificar que devuelve PHP

PD: en php use mejor $_POST, no use $_REQUEST

[ambichol]

gracias por tu respuesta...acabo de modificar lo que me comentas, pero aun asi se queda pensando...y lo que me comentas con lo del evento failure, eso como lo deberia ejecutar en el archivo .JS?

[maycolalvarez]

Iniciado por ambichol

gracias por tu respuesta...acabo de modificar lo que me comentas, pero aun asi se queda pensando...y lo que me comentas con lo del evento failure, eso como lo deberia ejecutar en el archivo .JS?

evento failure al hacer submit en ExtJS, no sé de dónde sacas lo del archivo .JS, debes de colocarlo junto con el success, consulte el manual de ExtJS

lo mejor que puedes hacer es revisar lo que ajax te devuelve, eso lo puedes hacer con una consola como firebug

[ambichol]

estimado....gracias por los aportes.....ya instale el firebug...pero disculpa la pregunta....pero como lo uso...?
gracias