Hello,
My requirement is that in Login form when a user checks the Checkbox "Remember Me"
then his "userName" and "Password" should be saved in cookie and next time when
he clicks the Login Form then Textbox of Username and Password should be automatically filled
from cookies. I am using JavaScript and Ajax Method to check his username and password
from database. How i will do it. Please suggest me. My Login page codes are given below
Login.aspx Code
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title> Login Page</title>
<link rel="shortcut icon" href="images/logo.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" media="print" href="front_styles/styles_print_en.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="front_styles/styles_en.css"/>
<!--main front css-->
<link rel="stylesheet" type="text/css" media="screen" href="front_styles/jquery_overlay.css"/> <!--jquery overlay window-->
<script type="text/javascript" src="front_script/script.js"></script>
<script type="text/javascript" src="front_script/jquery-overlay_script.js"></script>
<script type="text/javascript" src="front_script/inout_jquery_window.js"></script>
<script type="text/javascript">
function validate() {
// debugger;
var email = document.getElementById('txtUser');
var password = document.getElementById('txtPwd').value;
var p = document.getElementById('txtPwd');
var flag = 0;
if (email.value == '') {
document.getElementById('spnUser').innerHTML = "Required";
email.setAttribute('style', 'border: dashed 1px #FF0000;');
flag = 1;
}
else {
document.getElementById('spnUser').innerHTML = "";
email.setAttribute('style', 'border: solid 1px #cbcbcb');
}
if (p.value == '') {
document.getElementById('spnPwd').innerHTML = "Required";
p.setAttribute('style', 'border: dashed 1px #FF0000;');
flag = 1;
}
else {
document.getElementById('spnPwd').innerHTML = "";
//document.getElementById('spnEmail').innerHTML = "";
p.setAttribute('style', 'border: solid 1px #cbcbcb');
}
if (flag != 1) {
var eid = document.getElementById('txtUser').value;
var pwd = document.getElementById('txtPwd').value;
var id = document.getElementById('hdnID').value;
Login.UserLogin(eid, pwd,id,retA)
return true;
}
else {
return false;
}
function retA(response) {
var res = response.value;
if (res == "success") {
var val = document.getElementById("hdnID").value;
if (val == 3) {
location.href = 'User_MyFavourate.aspx';
}
else {
location.href = document.referrer;
}
return true;
}
else {
alert(res);
return false;
}
}
}
</script>
</head>
<body >
<form id="form1" runat="server">
<div id="main"><!-- Main starts here -->
<div><Overlay:OverlayWindow ID="overlay" runat ="server" /></div>
<div><FHeader:Header ID="Fheader1" runat="server" /></div>
<div><!----Start body Container---->
<div id="BodyHolder"><!--Start of Body holder-->
<!----------------------------Body code start Here---------------------------------------->
<div id="pagePath"><a href="HomePage" > Home</a> -> Login Page </div><!--page path-->
<div id="titlecont"><!--open title cont -->
<div id="pagetitle">Login </div>
<div id="smallicons">
<MyFavourate2:MyFav ID="Favourate" runat="server" />
</div>
</div><!--Close title cont -->
<div id="liftSide" ><!--Open main lift side -->
<BottomPagesMenu:Menu ID="Menu1" runat="server" />
</div><!--Close main lift side -->
<!--sub page banner -->
<asp:HiddenField ID="hdnID" runat="server" Value="0" />
<div id="signwindow"><!--signin --->
<div id="signin">
<br/>
Please Login</div><!--signin --->
<asp:Panel ID="Panel1" runat="server" defaultbutton="imgLogin">
<br /><br />
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td><label for="UserName">Email Id :</label></td>
<td>
<%-- <input class="input" name="UserName" type="text" id="txtUser" maxlength="40" />--%>
<asp:TextBox ID="txtUser" runat="server" MaxLength="40" CssClass="input"></asp:TextBox>
<span id="spnUser" class="err" /></td>
</tr>
<tr>
<td><label for="Password">Password  :</label></td>
<td><%--<input class="input" name="Password" type="password" id="txtPwd" maxlength="30" />--%>
<asp:TextBox ID="txtPwd" runat="server" MaxLength="40" CssClass="input" TextMode="Password"></asp:TextBox>
<span id="spnPwd" class="err" /></td>
</tr>
<tr>
<td>
</td>
<td><input name="rem" type="checkbox" value="rem" id="remember" />
<label style="font-size:11px">Remember Me</label> <span class="forgot"><a href="#">Forgot Password</a></span></td>
</tr>
<%--<tr>
<td></td>
<td>
<input type="image" src="images/submit_btn_sign.jpg" name="Enter" value="Enter" onclick="javascript:validate(); return false;" />
</td>
</tr>--%>
<tr>
<td> </td>
<td><%--<input type="image" id="imgLogin" src="images/submit_btn_sign.jpg" name="Enter" value="Enter" onclick="javascript:validate(); return false;" />--%>
<asp:ImageButton ID="imgLogin" runat="server" src="images/submit_btn_sign.jpg" OnClientClick="javascript:validate(); return false;"></asp:ImageButton>
Don't have an account? <span class="forgot"><a href="Registration.aspx" >Register now?</a></span></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
</table>
</asp:Panel>
<!--Close social network icons
</div><!--Close signin --->
</div><!--Close container--->
<!----------------------------Body Code End Here---------------------------------------->
</div><!--End of Body holder -->
</div><!--close body Container -->
<%--</div><!--close body Container --> --%>
<div><FFooter:Footer ID="Footer1" runat="server" /></div>
</div>
</form>
</body>
</html>
Login.aspx.cs Code
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using AJPDTO;
using AJPBAL;
using System.Net;
public partial class Login : System.Web.UI.Page
{
static string prevPage = String.Empty;
protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(Login));
Session["PageName"] = "Login";
Session["Banner"] = "Login";
if (Request.QueryString.HasKeys())
{
hdnID.Value = Request.QueryString["id"].ToString();
}
else
{
hdnID.Value = "3";
}
}
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.ReadWrite)]
public string UserLogin(string uid, string pwd,int id)
{
try
{
UsersDTO objLogin = new UsersDTO();
objLogin.EmailId= uid;
objLogin.Password= pwd;
UsersBAL objGetUser = new UsersBAL();
int isUser = objGetUser.UserLogin(objLogin);
if (isUser > 0)
{
Session["user"] = uid;
Session["myFav"] = id;
return "success";
}
else
{
return "User Name/Password is wrong.";
}
}
catch (Exception ex)
{
return "Sorry! Your request can not be updated at this moment. \n\n Error Details:\n" + ex.Message + "\n\n We suggest you to try again in few moments. If this happens very often, please do contact admin.";
}
}
}