Response title
This is preview!
Move this topic
problem in page refreshing
in jQuery Mobile
•
4 months ago
hi
can any one help me..
i have a login page when i enter username and password it is navigating to second page but when i press back button on emulator then it returns to login page the username and password i enterd remains on same page ..
actually i want this when i press back button on emulator the page should go to login page the username password which i enterd should be clear....
1
Replies(10)
Re: problem in page refreshing
4 months ago
u can listen to 'pageshow' event of loginpage and clear the fields.
Leave a comment on John Chacko's reply
Leave a comment on sriteja's reply
Re: problem in page refreshing
4 months ago
what is not working....
how can i guess....
show some code or a simple sample in jsfiddle please..
Leave a comment on sriteja's reply
Re: problem in page refreshing
4 months ago
$("#sample").live('pageinit', function() {
$("#loginForm").on("submit",handleLogin);
$.mobile.allowCrossDomainPages = true;
});
function handleLogin() {
var form = $("#loginForm");
var u =document.getElementById("User Name").value;
var p = document.getElementById("password").value;
if(u !="" && p!= "")
{
$.mobile.changePage( "#page2" );
}
}
</script>
</head>
<body >
<div data-role="page" id="sample" data-theme="c">
<div data-role="header" data-position="fixed">
<h1>page1</h1>
</div>
<form id="loginForm" method = "post">
<div data-role="fieldcontain">
<label for="User Name">User Name:</label>
<input type="text" name="User Name" id="User Name" />
</div>
<div data-role="fieldcontain">
<label for="password">Password:</label>
<input type="password" name="Password" id="password" value="" />
</div>
<div class="ui-grid-a">
<div class="ui-block-a">
<input type="submit" value="Login" id="submitButton">
</div>
<div class="ui-block-b"></div>
</div>
</form>
<br>
<br>
<br>
<div data-role="footer" data-position="fixed">
<h4>Page1</h4>
</div>
</div>
this is the code ... please modify..
Leave a comment on sriteja's reply
Re: problem in page refreshing
4 months ago
see this
please take it as a sample only.You must optimise your code further and get a better understanding of jQuery and jQuery Mobile.
1.Keep form inside data-role=content
2.I dont think space is allowed in name & id's and its not a good practice
3.avoid using 'live' . learn how 'on' can be used
Since your landing page is login page you can listen to pageinit.
Else you must listen to 'pageshow'
Leave a comment on John Chacko's reply
Re: problem in page refreshing
4 months ago
hey its not working...
when i click on emulator back button i want to refresh the page.
Leave a comment on sriteja's reply
Re: problem in page refreshing
4 months ago
sorry.. I cannt help it....
unless you explain whats not working...
Leave a comment on John Chacko's reply
Re: problem in page refreshing
4 months ago
please run the code in emulator u will understand..
when i press submit botton on loginform it will navigate to next page now press back button on the emulator or AVD now the app should go back to loginpage and the page should be refreshed......
i think i should handle the bachbutton key..
Leave a comment on sriteja's reply
Re: problem in page refreshing
4 months ago
1. You are way over-complicating this. The simple and obvious solution is to clear the user ID and password fields when you change the page.
2. As John pointed-out, space characters are not allowed in HTML IDs. (Nor are they allowed in class names.)
3. You should learn some jQuery if you are going to use jQuery Mobile. Don't use native DOM methods like getElementById.
4. I see you are using a multi-page document. I would advise against this in almost all situations. See the many tales of woe on this forum from those who went down that path.
if(u !="" && p!= "")
{
$("#UserName").val("");
$("#password").val("");
$.mobile.changePage( "#page2" );
$("#UserName").val("");
$("#password").val("");
$.mobile.changePage( "#page2" );
}
2. As John pointed-out, space characters are not allowed in HTML IDs. (Nor are they allowed in class names.)
3. You should learn some jQuery if you are going to use jQuery Mobile. Don't use native DOM methods like getElementById.
4. I see you are using a multi-page document. I would advise against this in almost all situations. See the many tales of woe on this forum from those who went down that path.
Leave a comment on watusiware's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to sriteja's question
Statistics
- 10 Replies
- 396 Views
- 0 Followers
