Login Form Using MVC Razor

Naren Kumar Kumaresan

11y144.8k12100Article

ASP.NET MVC Login FormMVC Razor

12 Comments

Join the conversation! Your thoughts help the community grow.

Dharmendra Kumar Pandit6y ago
Thank you working fine.........
seema biradar9y ago
Nice Article! Thanks for sharing
Kundena Mohan Goud10y ago
Nice article
Santhakumar Munuswamy11y ago
Nice Article! Thanks for sharing
Santhakumar Munuswamy11y ago
Welcome
Santhakumar Munuswamy11y ago
Good Start
Chandradev Prasad11y ago
Nice post.
- Naren Kumar Kumaresan11y ago
  thank u
Sibeesh Venu11y ago
Good one.
- Naren Kumar Kumaresan11y ago
  Thank u
Gopi Chand11y ago
Good one..welcome
- Naren Kumar Kumaresan11y ago
  Thank u

The following is the procedure.

Step 1: Create Table

Create table userreg (id int identity(1,1),username varchar(50),password varchar(50))
insert into userreg(username ,password) values('knk','knk')

Step 2: Create a project

Go to File, then New and click Project. Select ASP.NET MVC 4 Web Application and enter the project name, then click OK, select Empty, select View Engine Razor and press OK.

Step 3: Add model

public class user {
[Required(ErrorMessage = "Please Provide Username", AllowEmptyStrings = false)]
public string Username {
get;
set;
}
[Required(ErrorMessage = "Please provide password", AllowEmptyStrings = false)]
[DataType(System.ComponentModel.DataAnnotations.DataType.Password)]
public string Password {
get;
set;
}
}

Step 4: Add Entity Data Model

To add an Entity Data Model, go to Solution Explorer, right-click on the Project name from Solution Explore, add a new item and select ADO.Net Entity Data Model under data. Now enter the model name and Add it. A dialog window will be shown (Entity Data Model Wizard), select Generate from database and click Next. Now choose your data connection, select your database and press next. Select tables and enter the Model namespace, then click Finish.

Step 5: Add a controller

Then add a controller as in the following:

public ActionResult login() {
return View();
}
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult login(userreg u) {
if (ModelState.IsValid) {
using(RBACEntities db = new RBACEntities()) {
var v = db.userregs.Where(a = > a.username.Equals(u.username) && a.password.Equals(u.password)).FirstOrDefault();
if (v != null) {
Session["log"] = v.username.ToString();
return RedirectToAction("AfterLogin");
}
}
}
return View(u);
}

Step 6: Add a view

Then add a view as in the following:

@model MvcApplication1.userreg
@{
ViewBag.Title = "login";
}
<h2>login</h2>
@using (Html.BeginForm("Login", "Login", FormMethod.Post))
{
//this is for create form tag
@Html.AntiForgeryToken() // this is for prevent CSRF attack
@Html.ValidationSummary(true)
if (@ViewBag.Message != null)
{
<div style="border:1px solid red">
@ViewBag.Message
</div>
}
<table>
<tr>
<td>@Html.LabelFor(a => a.username)</td>
<td>@Html.TextBoxFor(a => a.username)</td>
<td>@Html.ValidationMessageFor(a => a.username)</td>
</tr>
<tr>
<td>
@Html.LabelFor(a => a.password)
</td>
<td>
@Html.PasswordFor(a => a.password)
</td>
<td>
@Html.ValidationMessageFor(a => a.password)
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="Login" />
</td>
<td></td>
</tr>
</table>
}

Step 7: Add controller action after login

Add a controller action for after the login as in the following:

public ActionResult AfterLogin() {
if (Session["log"] != null) {
return View();
} else {
return RedirectToAction("login");
}
}

Step 8: Add view after login

Add a view for after the login as in the following:

@{
ViewBag.Title = "AfterLogin";
}
<h2>After Login</h2>
@if (Session["log"] != null)
{
<text>
Welcome @Session["log"].ToString()
</text>
}