AJAX form submission with Google App Engine

AJAX form submission with Google App Engine

I am having issues with submitting forms using JQM and Google App Engine.
I am using Java on the App Engine.

I am also testing this on my iPhone and iPhone simulator.

Currently I have two simple forms... a registration form, and a login form.
Using the default JQM AJAX form submission, the registration form works fine.

The problem occurs with the login form. 
When entering the username/password and tapping "Login", the form simply does not submit.


Here is my latest try...

The form:

  1. <form id="loginForm"  >

            <label for="loginEmail">Email:</label>

            <input type="email" name="usrEmail"  id="loginEmail"  autocapitalize="none" />

                        

          <div  style="width:100%; height: 8px;"></div>

                        

          <label for="loginPassword">Password: </label>

          <input type="password" name="usrPassword" id="loginPassword"   autocapitalize="none" style="width:145px;"/>

    <div  style="width:100%; height: 20px;"></div>

          <div align="center">

          <input type="submit" id="loginSubmitButton"  data-mini="true" data-inline="true" data-theme="b"  value="LOGIN" >

          </div>


    </form>



The Javascript:

  1. $(document).ready(function() { 


    $("#loginSubmitButton").on("click", function() 

    {


        var formServlet = "/form/loginUserForm"; 


        $.ajax({

               type: "POST",

               url: formServlet,

               data: $("#loginForm").serialize(),

               success: function(data)

               {

               $.mobile.changePage( "/mobi", { transition: "pop"});

               }

             });


        return false;

    });


    });



In the desktop browser, it all works fine.
When I try the same code using Mobile Safari on my iPhone, the form does not submit.

I have logging in my Java Servlet code which I can see in the App Engine logs.
When I attempt to submit using Mobile Safari... no logging shows.

BUT... the "mobile.changePage" runs and takes me back to the home screen with the correct "pop" transition.

I am completely stumped here.

Thanks in advance..,

  -- Ed