2011-01-13 21 views
7

Saludos,jQuery Mobile - mandar un formulario y obtener la respuesta

tengo la siguiente página móvil jQuery:

<div data-role="content"> 
    <center> 
    <img src="./images/logo320.png" /> 
    </center> 

    <br><br> 

    <form method="POST" action="./ajax/login.php"> 
     <label for="login_unameLabel">Username:</label><br> 
     <input type="text" name="login_uname" id="login_uname" /><br> 

     <label for="login_pwordLabel">Password:</label><br> 
     <input type="password" name="login_pword" id="login_pword" /><br> 

     <button id="login_submit" type="submit" data-theme="a">Submit</button> 
    </form> 
</div> 

./ajax/login.php vuelve "OK" o "NOK". ¿Cómo puedo capturar este resultado en mi página?

sigo obteniendo el error siguiente en Firebug:

k.data ([pausa de esta Error] false) a.mobile.activePage = k; h (k); y & & D & ... dd (k) .removeClass (" a la inversa" +

es como si jQuery móvil está realizando alguna operación en el resultado? no quiero que esto suceda. ¿me tengo para devolver un móvil jquery válido Página HTML de mi PHP?

Cualquier idea muy apreciada.

Muchas gracias de antemano,

Solución: Use <input type="button" id="login_submit" data-theme="a" value="Submit" />

Ahora puede capturar eventos de clic a través de:

<script> 
$(document).ready(function() { 
    $("#login_submit").click(function() { 
    alert('clicked'); 
    }); 
}); 
</script> 
+0

¿Funciona? –

+0

¿Has visto mi solución arriba? – Eamorr

+2

Debe usar jQuery Mobile tal como fue diseñado, y fue con la 'mejora progresiva' en mente. La idea es crear una página que funcione incluso sin javascript. Por lo tanto, respondería: debería devolver el contenido de la página completa después de enviar un formulario de inicio de sesión. Así es como Internet siempre funcionó de todos modos ... – naugtur

Respuesta

9

usando data-ajax="false" en forma.

luego puede deshabilitar jquery mobile auto ajax llamada