Reader Level:
ARTICLE

Login Control in ASP.NET 3.5

Posted by Raj Kumar Articles | Learn .NET July 28, 2008
In this step by step tutorial, I am going to discuss the Login control available in ASP.NET 3.5.
  • 2
  • 0
  • 260106
Download Files:
 

The ASP.NET login controls provide a robust login solution for ASP.NET Web applications without requiring programming. By default, login controls integrate with ASP.NET membership and forms authentication to help automate user authentication for a Web site. It provides you with a ready-to-use user interface that queries the user name and password from the user and offers a Log In button for login. It validate user credentials against the membership API and encapsulating the basic froms authentication functionality like redirecting back to the original requested page in a restricted area of you application after the successful login.

The Login control displays a user interface for user authentication. The Login control contains text boxes for the user name and password and a check box that allows users to indicate whether they want the server to store their identity using ASP.NET membership and automatically be authenticated the next time they visit the site.

The Login control has properties for customized display, for customized messages, and for links to other pages where users can change their password or recover a forgotten password. The Login control can be used as a standalone control on a main or home page, or you can use it on a dedicated login page. If you use the Login control with ASP.NET membership, you do not need to write code to perform authentication. However, if you want to create your own authentication logic, you can handle the Login control's Authenticate event and add custom authentication code.

Note - Login controls might not function correctly if the Method of the ASP.NET Web page is changed from POST (the default) to GET.

Ø  Start Microsoft Visual Studio 2008

Ø  Create a new ASP.NET WebSite, Like this:


Ø 
Drang and drop Login control on page from ToolBox.

 

 

Figure 1.

Whenever user hits the Log In button, the control automatically validates the user name and password using the membership API function Membership.ValidateUse() and then calls FormAuthentication.redirectFromLoginPage() if the validation was successful. All options on the UI of the LoginControl affect the input delivered by the control to these methods. For Example, if you click the "Remember me next time" check box, it passes the value true to the createPresistentCookie parameter of the RedirectFromLoginPage() method. Therefore, the FormAuthenticateModule creates a persistent cookie.

There are three Login Tasks by default.

·         Auto Format - you can select default schemes.

·         Convert To Template - You can edit content of Login Control.

·         Administer Website - You can configure Web Site Administration Tools, Like Security, Application, Provider.

 

Figure 2. 

<form id="form1" runat="server">

<div>

<asp:Login ID="Login1" runat="server" BackColor="#F7F7DE" BorderColor="#CCCC99" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="10pt">

<TitleTextStyle BackColor="#6B696B" Font-Bold="True" ForeColor="#FFFFFF" />

</asp:Login>

    </div>

    </form>

You can change styles of LoginControl using css too,  Like this:

.LoginControl

{

      background-color:#F7F7DE;

      border-color:#CCCC99;

      border-style:solid;

    border-width:1px;

    font-family:Verdana;

    font-size:10px;    

}

And now apply css to control:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Login Control</title>

    <link href="StyleSheet.css" type="text/css" rel="Stylesheet" />

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:Login ID="Login1" runat="server" CssClass="LoginControl">

            <TitleTextStyle BackColor="#6B696B" Font-Bold="True" ForeColor="#FFFFFF" />

        </asp:Login>

    </div>

    </form>

</body>

</html>

 

If you running the page and if the CSS file is placed in a directory where anonymous access is denied, the add the following configuration for the CSS file to you web.config file.

<location path="StyleSheet.css">

<system.web>

<authorization>

<allow users="*"/>

</authorization>

</system.web>

</location>

 

You can add several hyperlinks to your Login control, such as hyperlink to a help text page, or a hyperlink to to a registration page.

 

<asp:Login ID="Login1" runat="server" CssClass="LoginControl"

CreateUserText="Register"

CreateUserUrl="~/Register.aspx"

HelpPageText="Additional Help" HelpPageUrl="~/Help.aspx"

InstructionText="Please enter your user name and password for login.">

<TitleTextStyle BackColor="#6B696B" Font-Bold="True" ForeColor="#FFFFFF" />

</asp:Login>

Looks like this :

Here is .CS Code:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data.SqlClient;

 

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!this.IsPostBack)

            ViewState["LoginErrors"] = 0;

    }

 

   protected void Login1_Authenticate(object sender, AuthenticateEventArgs e)

    {

        if (YourValidationFunction(Login1.UserName, Login1.Password))

        {

           // e.Authenticated = true;

            Login1.Visible = false;

            MessageLabel.Text = "Successfully Logged In";

        }

        else

        {

            e.Authenticated = false;

        }

    }

   

  

 protected void Login1_LoginError(object sender, EventArgs e)

    {

        if (ViewState["LoginErrors"] == null)

            ViewState["LoginErrors"] = 0;

 

        int ErrorCount = (int)ViewState["LoginErrors"] + 1;

        ViewState["LoginErrors"] = ErrorCount;

 

        if ((ErrorCount > 3) && (Login1.PasswordRecoveryUrl != string.Empty))

            Response.Redirect(Login1.PasswordRecoveryUrl);

    }

 

 private bool YourValidationFunction(string UserName, string Password)

    {

        bool boolReturnValue = false;       

        string strConnection = "server=.;database=Vendor;uid=sa;pwd=wintellect;";

        SqlConnection sqlConnection = new SqlConnection(strConnection);

        String SQLQuery = "SELECT UserName, Password FROM Login";

        SqlCommand command = new SqlCommand(SQLQuery, sqlConnection);

        SqlDataReader Dr;

        sqlConnection.Open();

        Dr = command.ExecuteReader();

        while (Dr.Read())

        {

            if ((UserName == Dr["UserName"].ToString()) & (Password == Dr["Password"].ToString()))

            {

                boolReturnValue = true;

            }

            Dr.Close();

            return boolReturnValue;

        }

        return boolReturnValue;

    }

}

 

If you insert wrong username and password then message will show like this:

If you insert right usename, password then redirect your page whereever you want or you can show message in ErrorLabel, Like this:

I am attaching my database with application in App_Data folder, if u want use my database then attach my .MDF file.

Any question and queries ask me any time.

Article Extensions
Contents added by pandurang pailvan on Apr 15, 2013
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server"></asp:Label>
        <asp:Login ID="Login1" runat="server" 
                BackColor="#F7F7DE" BorderColor="#CCCC99" 
                BorderStyle="Solid" BorderWidth="1px" 
                Font-Names="Verdana" Font-Size="10pt" CreateUserText="Register" 
            InstructionText="Please enter your user name and password for login." 
            Height="172px" onauthenticate="Login1_Authenticate" 
            onloginerror="Login1_LoginError">
        <TitleTextStyle BackColor="#6B696B" Font-Bold="True" ForeColor="#FFFFFF" />
        </asp:Login>
    </div>
    </form>
</body>
</html>

Contents added by Ganesh on Feb 05, 2010
but how to configure website administration tool and how to strore username and password in login folder of pur database?
COMMENT USING

Trending up