Create Stored Procedure for Login | ASP.NET C# | Final Year Project | Login Type 3 | Coder Baba

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;

using System.Data;

using System.Configuration;


namespace CoderBabaSystem.wwwroot

{

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

    {

        string cs = ConfigurationManager.ConnectionStrings["dbcs"].ConnectionString;

        protected void Page_Load(object sender, EventArgs e)

        {


        }


        protected void Button1_Click(object sender, EventArgs e)

        {

            //Second way as shown below:This is the best way for best and fast performance

            if (IsFormValid())

            {

                try

                {

                    SqlConnection con = new SqlConnection(cs);

                    SqlCommand cmd = new SqlCommand("usp_CheckLoginDetails", con);

                    cmd.Parameters.AddWithValue("@UserName",txtUserName.Text);

                    cmd.Parameters.AddWithValue("@Password",txtPassword.Text);

                    cmd.CommandType = CommandType.StoredProcedure;

                    SqlDataAdapter sda = new SqlDataAdapter(cmd);

                    DataTable dt = new DataTable();

                    sda.Fill(dt);

                    con.Open();

                    int i = 0;

                    i = cmd.ExecuteNonQuery();

                    con.Close();

                    //How to check Username and Password is matched or not

                    if (dt.Rows.Count > 0)

                    {

                        Session["user"] = txtUserName.Text;

                        Response.Write("<script>alert('Login Successful')</script>");

                        txtUserName.Text = string.Empty;

                        txtPassword.Text = string.Empty;

                        Response.Redirect("HomePage.aspx");

                    }

                    else

                    {

                        Response.Write("<script>alert('Login failed')</script>");

                        txtUserName.Text = string.Empty;

                        txtPassword.Text = string.Empty;

                        txtUserName.Focus();

                    }

                    con.Close();

                }

                catch (Exception ex)

                {

                    Console.WriteLine("Exception: ", ex.ToString());

                    Response.Write("<script>alert('exception Login Failed error')</script>");

                    Response.Write(ex.Message);

                }

            }

            else

            {

                Response.Write("<script>alert('Validation fail error')</script>");

            }








            //First Way as shown below :

            //if (IsFormValid())

            //{

            //    try

            //    {

            //        SqlConnection con = new SqlConnection(cs);

            //        con.Open();

            //        SqlCommand cmd = new SqlCommand("SELECT * FROM tblUser with(nolock) WHERE UserName='" + txtUserName.Text + "' AND Password='" + txtPassword.Text + "'", con);

            //        SqlDataReader dr = cmd.ExecuteReader();

            //        //How to check Username and Password is matched or not

            //        if (dr.Read())

            //        {

            //            Response.Write("<script>alert('Login Successful')</script>");

            //        }

            //        else

            //        {

            //            Response.Write("<script>alert('Login failed')</script>");

            //        }

            //        con.Close();

            //    }

            //    catch (Exception ex)

            //    {

            //        Console.WriteLine("Exception: ", ex.ToString());

            //    }

            //}

            //else

            //{

            //    Response.Write("<script>alert('Validation fail error')</script>");

            //}

        }


        private bool IsFormValid()

        {

            string User = txtUserName.Text;

            string Pass = txtPassword.Text;

            //Condition No. 1

            if (User == "" && Pass == "")

            {

                Response.Write("<script>alert('Username & Password are necessary ! Please enter & try again..')</script>");

                return false;

            }

            else if (User == "")

            {

                Response.Write("<script>alert('Username necessary ! Please enter Username..')</script>");

                return false;

            }

            else if (Pass == "")

            {

                Response.Write("<script>alert('Password necessary ! Please enter Password..')</script>");

                return false;

            }

            else if (User.Length == 0)

            {

                Response.Write("<script>alert('Enter Username ! it can not be blank')</script>");

                return false;

            }

            //Condition No. 2

            else if (User.Length < 4)

            {

                Response.Write("<script>alert('Invalid Length.Username should be at least 4 character long.')</script>");

                return false;

            }

            else if (Pass.Length < 4 || Pass.Length >= 18)

            {

                Response.Write("<script>alert('Invalid Length, Password should be at least 4 Character long & Max 18 Char..')</script>");

                return false;

            }

            return true;

        }

    }

}

Above File is CoderBabaSystem\wwwroot\Login.aspx.cs











<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="CoderBabaSystem.wwwroot.Login" %>


<!DOCTYPE html>


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

<head runat="server">

    <title>Coder Baba</title>

    <meta charset="UTF-8"/>

    <meta name="description" content="Free Web tutorials"/>

    <meta name="keywords" content="HTML,CSS,XML,JavaScript"/>

    <meta name="author" content="John Doe"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link href="CSS/Header.css" rel="stylesheet" type="text/css"/>

    <link href="CSS/footer.css" rel="stylesheet" type="text/css"/>

    <link href="CSS/LoginCSS.css" rel="stylesheet" type="text/css"/>


    <script language="javascript" type="text/javascript">

        function ValidateForm()

        {

            var User = document.getElementById("txtUserName").value;

            var Pass = document.getElementById("txtPassword").value;


            //Condition No. 1

            if (User == "" && Pass == "") {

                alert("Username & Password are necessary ! Please enter & try again..");

                document.getElementById("txtUserName").focus();

                return false;

            }

            else if (User == "") {

                alert("Username necessary ! Please enter Username..");

                document.getElementById("txtUserName").focus();

                return false;

            }

            else if (Pass == "") {

                alert("Password necessary ! Please enter Password..");

                document.getElementById("txtPassword").focus();

                return false;

            }

            else if (User.length == 0)

            {

                alert("Enter Username ! it can not be blank");

                document.getElementById("txtUserName").focus();

                return false;

            }

            //Condition No. 2

            else if (User.length < 4) {

                alert("Invalid Length.Username should be at least 4 character long.");

                document.getElementById("txtUserName").focus();

                return false;

            }

            else if (Pass.length < 4 || Pass.length >= 18)

            {

                alert("Invalid Length, Password should be at least 4 Character long & Max 18 Char..");

                document.getElementById("txtPassword").focus();

                return false;

            }

            return true;

            //alert("Hello you click login button");

        }

    </script>


</head>

<body>

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

        <%--This is Header Section--%>

        <header>

            <div class="wrapper">

                <h1>CODERBABA WEBSITE</h1>

                <nav>

                    <ul>

                        <li><a href="#">Home</a></li>

                        <li><a href="#">Portfolio</a></li>

                        <li><a href="#">Contact</a></li>

                        <li><a href="#">Blog</a></li>

                    </ul>

                </nav>

            </div>

        </header>

        <%--Header Section End here--%>


        <div style="width:700px;margin-left:350px;margin-top:50px;">

            <h2 style="text-align:center;background-color:lightgreen;padding:10px;">Login Form</h2>

        </div>


        <div class="imgcontainer">

            <img src="images/apple.png" width="100" height="100" alt="Avatar" class="avatar"/>

        </div>


        <div class="container">

            <label for="uname"><b>UserName</b></label>

            <asp:TextBox ID="txtUserName" runat="server" placeholder="Enter Username"></asp:TextBox>


            <label for="psw"><b>Password</b></label>

            <asp:TextBox ID="txtPassword" runat="server" placeholder="Enter Password" TextMode="Password"></asp:TextBox>

            <asp:Button ID="Button1" runat="server" Text="Login" type="submit" Font-Size="Larger" OnClick="Button1_Click" OnClientClick="return ValidateForm123();"/>

            <label>

                <asp:CheckBox ID="CheckBox1" runat="server" Font-Size="Larger" Text="Remember Me"/>

            </label>

        </div>


        <div class="container" style="background-color:#f1f1f1">

            <button type="button" class="cancelbtn">Cancel</button>

            <span class="psw">Forgot<a href="#">Password?</a></span>

        </div>


        <br/>


        <footer>

            <div class="wrapper">

                <div id="footer-info">

                    <p>Copyright@2020 CODERBABA.in All rights reserved</p>

                    <p><a href="#">Terms of Services</a> || <a href="#">Privacy</a></p>

                </div>


                <div id="footer-links">

                    <ul>

                        <li><h5>Home</h5></li>

                        <li><a href="#">About us</a></li>

                        <li><a href="#">Meet the Team</a></li>

                        <li><a href="#">What we do?</a></li>

                        <li><a href="#">Careers</a></li>

                    </ul>


                    <ul>

                        <li><h5>Company</h5></li>

                        <li><a href="#">About us</a></li>

                        <li><a href="#">Meet the Team</a></li>

                        <li><a href="#">What we do?</a></li>

                        <li><a href="#">Careers</a></li>

                    </ul>

                </div>

                <div class="clear"></div>

            </div>

        </footer>

    </form>

</body>

</html>

Above File is CoderBabaSystem\wwwroot\Login.aspx

















using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace CoderBabaSystem.wwwroot
{
    public partial class HomePage : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Label1.Text = Session["user"].ToString();
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Session.RemoveAll();
            Session.Remove("user");
            Session.Abandon();
            Response.Redirect("Login.aspx");
        }
    }
}
Above File is CoderBabaSystem\wwwroot\HomePage.aspx.cs


















<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HomePage.aspx.cs" Inherits="CoderBabaSystem.wwwroot.HomePage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h1>Hi..<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></h1>
            <h1>Welcome to HomePage</h1>

            <div style="float:right">
                <asp:Button ID="Button1" runat="server" Text="Logout" OnClick="Button1_Click"/>
            </div>
        </div>
    </form>
</body>
</html>
Above File is CoderBabaSystem\wwwroot\HomePage.aspx















a{
    text-decoration:none;
    color:#444;
}
a:hover{
    color:red;
}
strong{
    font-weight:bold;
}
small{
    font-size:13px;
    color:#777;
    font-style:italic;
}
.clear{
    clear:both;
}
.wrapper{
    margin:0 auto;
    padding:0 10px;
    width:940px;
}
header{
    height:120px;
    background-color:lightblue;
}
header h1{
    float:left;
    margin-top:32px;
}
header h1 .color{
    color:#02b8dd;
}
header nav{
    float:right;
}
header nav ul li{
    float:left;
    display:inline-block;
    margin-top:50px;
}
header nav ul li a{
    color:#444;
    text-transform:uppercase;
    font-weight:bold;
    display:block;
    margin-right:20px;
}
Above File is CoderBabaSystem\wwwroot\CSS\Header.css














footer {
    padding:60px 0;
    background-color:#f8fafa;
}
#footer-info {
    width:380px;
    float:left;
    margin-top:10px;
}
#footer-links {
    width:520px;
    float:right;
}
#footer-links ul {
    width:150px;
    float:left;
    margin-left:20px;
}
#footer-links ul li {
    margin:10px 0;
}
Above File is CoderBabaSystem\wwwroot\CSS\footer.css













<style>
body {
    font-family:Arial,Helvetica,sans-serif;
}
/*Full-width input fields*/
input[type=text], input[type=password] {
    width:100%;
    padding: 12px 20px;
    margin:8px 0;
    display:inline-block;
    border:1px solid #ccc;
    box-sizing:border-box;
}

/*set a style for all buttons*/
#Button1 {
    background-color:#4CAF50;
    color:white;
    padding:14px 20px;
    margin:8px 0;
    border:none;
    cursor:pointer;
    width:100%;
}
button:hover{
    opacity:0.8;
}

/*Extra style for the cancel button*/
.cancelbtn {
    width:auto;
    padding:10px 18px;
    background-color:#f44336;
}

/*Center the image and position the close button*/
.imgcontainer {
    text-align:center;
    margin:24px 0 12px 0;
    position:relative;
}
img.avatar{
    width:8%;
    border-radius:10%;
}
.container {
    padding:16px;
    justify-content:center;
}
span.psw {
    float:right;
    padding-top:16px;
}

</style>
Above File is CoderBabaSystem\wwwroot\CSS\LoginCSS.css










Comments

Popular posts from this blog

Create a User Registration Form in ASP.NET using SQL Server, Visual Studio 2022 & Bootstrap

Create a Simple Login Form in ASP.NET using Visual Studio 2022

SqlCommand Class ADO.Net | ExecuteNonQuery | ExecuteReader | ExecuteScalar