jquery - Back button returning to the login page -

i have web app developing phonegap in index page login page / registration page.

this fine first page new users should see when not registered use app. presents 2 issues me when person logins in , hits button goes login page , don't want happen. when user credentials stored , open app still goes login page moment , goes app.

how can stop happening? have implement cookie/session type login system?

my code below

html

<div id="home">      <div id="launcherpage" data-role="page">         <!-- i'm here waiting deviceready -->     </div>       <div id="loginpage" data-role="page">          <div data-role="header">             <h1>chune</h1>         </div>          <div data-role="content">                  <form id="loginform">             <div data-role="fieldcontain" class="ui-hide-label">                 <label for="username">username:</label>                 <input type="text" name="username" id="username" value="" placeholder="username" />             </div>              <div data-role="fieldcontain" class="ui-hide-label">                 <label for="password">password:</label>                 <input type="password" name="password" id="password" value="" placeholder="password" />             </div>              <input type="submit" value="login" id="submitbutton">             </form>             <div style="text-align: center;">or</div> <!--need center-->             <a href="./register.html" data-role="button">register</a>          </div>          <div data-role="footer">             <h4>&copy; kewsplus</h4>         </div>      </div> </div> 

javascript

 function init() { document.addeventlistener("deviceready", deviceready, true); delete init; 

}

 function checkpreauth() { console.log("checkpreauth"); var form = $("#loginform"); if(window.localstorage["username"] != undefined && window.localstorage["password"] != undefined) {     $("#username", form).val(window.localstorage["username"]);     $("#password", form).val(window.localstorage["password"]);     handlelogin(); } }  function handlelogin() { var url = 'http://kewsplus.com/includes/login.php'; var form = $("#loginform");     //disable button can't resubmit while wait $("#submitbutton",form).attr("disabled","disabled"); var u = $("#username", form).val(); var p = $("#password", form).val(); if(u != '' && p!= '') {     $.ajax({         type: "post",         url: url,         data: {username:u,password:p},         datatype: "jsonp",         crossdomain: "true",         jsonp : "onjsonpload",         success: function (data) {             if (data = 1) {                 //store                 window.localstorage["username"] = u;                 window.localstorage["password"] = p;                              $.mobile.changepage("featuredtracks.html");             }  else {                 navigator.notification.alert("your login failed", function() {});             }         }     }); //$.ajax        $("#submitbutton").removeattr("disabled");     }  else {     navigator.notification.alert("you must enter username , password", function() {});     $("#submitbutton").removeattr("disabled"); } return false; }  function deviceready() { console.log("deviceready"); $("#loginpage").on("pageinit",function() {     console.log("pageinit run");     $("#loginform").on("submit",handlelogin);     checkpreauth(); }); $.mobile.changepage("#loginpage");     }); 

1. to prevent function, load new page (featuredtracks.html) you'll want override button attaching phonegap provided event 'backbutton'. phonegap api:

   document.addeventlistener("backbutton", onbackkeydown, false);  function onbackkeydown() {     // handle button } 

2. for preventing login page showing second when credentials saved, consider making first page splash screen. page decide whether load login page or main page (featuredtrack.html assume). instead of loading login page first, load different page show image or decides whether load login.html or featuredtracks.html.

   note you'll want override backbutton login page well, user can't hit , go loading/splash screen page.