---
title: "Login and Registration in ASP.Net MVC"
description: "In this article I will show how to create a Login and Registration form in ASP.Net MVC."
author: "Niraj Kumar Mishra"
published: 2017-08-28
updated: 2020-07-12
canonical: https://www.mindstick.com/articles/12557/login-and-registration-in-asp-dot-net-mvc
category: "asp.net mvc"
tags: ["mvc4"]
reading_time: 7 minutes
---
# Login and Registration in ASP.Net MVC
This is a quick simple example of how to implement it in ASP.NET MVC project.
In this project I am using Code first approach for creating database and table.
##### Please implement the following steps to create a Login and Registration Form:
Open Microsoft Visual Studio 2012 and Select New Project and Select Web from the Installed Templates and then Select ASP.NET MVC 4 Web Application and Enter the project name “LoginForm” in the Name textbox and Click OK.
\
After select the project you can see the following (New ASP.NET MVC 4 Project)
\
dialog box:
Select Empty from the Select a template option à Select ASPX view engine à Click OK.
\
\
Add a new Controller in your project and enter the controller name as “AccountController” as shown in the below figure:
\
\
After adding a controller add a Model in your project and enter the model class name as “UserModel.cs”.
\
\
You also have to configure your web.config and Globax.asax file for the implementation of this project:
Add connectionStrings element under configuration tag
\
and authentication element under system.web tag.
\
```
```
Change the RegisterRoutes definition in Global.asax file as show below:
\
\
```
public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); routes.MapRoute( name: "Default", url: "{controller}/{action}/{id}", defaults: new { controller = "Account", action = "Login", id = UrlParameter.Optional } ); }
```
\
In the Model class add the properties, methods and class as I did in the below Model (**UserModel**) class:\
```
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Data.Entity;using System.ComponentModel.DataAnnotations;using System.Web.Mvc;using System.ComponentModel.DataAnnotations.Schema;namespace MvcApplication2.Models{ public class Designation { public int DesignationId { get; set; } public string Name { get; set; } public ICollection Users { get; set; } } public partial class User {
[DatabaseGeneratedAttribute(DatabaseGeneratedOption.None)] public int Id { get; set; } [Required(ErrorMessage = "Name is Require")] [RegularExpression(@"^[a-zA-Z\s]+$", ErrorMessage = "Name Field Accept Only Alphabet...")] public String Name { get; set; } [Required(ErrorMessage = "User Name is Require")] public string UserName { get; set; } [Required(ErrorMessage = "City is Require")] [RegularExpression(@"^[a-zA-Z\s]+$", ErrorMessage = "City Field Accept Only Alphabet...")] public String City { get; set; } [Required(ErrorMessage = "Gender is Require")] [RegularExpression(@"^[a-zA-Z\s]+$", ErrorMessage = "Enter Correct Gender...")] public String Gender { get; set; } [Required(ErrorMessage = "Age Must be 18 to 55")] [Range(18, 55)] public int Age { get; set; } [Required] [RegularExpression(@"^[0-9]{10}", ErrorMessage = "Mobile Number Must be 10 Charector")] public String Mobile { get; set; } [Required] [RegularExpression(@"^([a-zA-Z0-9@#$%^&+=*]{6,10})$", ErrorMessage = "Minimum password length is 6")] public string Password { get; set; } [Required] public int Salary { get; set; } [Required] public int DesignationId { get; set; } public Designation Designation { get; set; } } public class UserContext : DbContext { public UserContext() : base("name=UserEntity") { } public DbSet Users { get; set; } public DbSet Designations { get; set; } }}
```
\
And add the following action methods in the Controller class:
```
using MvcApplication2.Models;using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;using System.Web.Security;using System.Text;namespace MvcApplication2.Controllers{ public class AccountController : Controller { UserContext db = new UserContext(); public ActionResult Login() { if(Request.IsAuthenticated) { return RedirectToAction("Index", "Home"); } return View(); } [HttpPost] public ActionResult Login(User model) { User data = db.Users.FirstOrDefault(x => x.UserName == model.UserName && x.Password == model.Password); if(data != null) { FormsAuthentication.SetAuthCookie(data.UserName,false); return RedirectToAction("Index", "Home"); } ViewBag.Error = "Invalid user name or password!!"; return View(); }
public ActionResult Logout() { FormsAuthentication.SignOut(); return RedirectToAction("Login"); } public ActionResult SignUp() { ViewBag.DesignationId = new SelectList(db.Designations, "DesignationId", "Name"); int?maxId = db.Users.Max(x => (int?)x.Id) + 1; ViewData["maxId"] = maxId ?? 1; return View(); } [HttpPost] public ActionResult SignUp(User model) { if(ModelState.IsValid) { db.Users.Add(model); db.SaveChanges(); return RedirectToAction("Login"); } ViewBag.DesignationId = new SelectList(db.Designations, "Id", "Name", model.DesignationId); return View(model); } }}
```
Add the View for above methods in the Controller class:
##### Login View:
```
@model MvcApplication2.Models.User@{ ViewBag.Title = "Index"; }
@Html.TextBoxFor(model =>model.Name, new { @class = "form-control" })
@Html.LabelFor(model =>model.UserName)
@Html.TextBoxFor(model =>model.UserName, new { @class = "form-control" })
@Html.LabelFor(model =>model.City)
@Html.TextBoxFor(model =>model.City, new { @class = "form-control" })
@Html.LabelFor(model =>model.Gender)
@Html.DropDownList("Gender", new List { new SelectListItem{Text="Male", Value="Male"}, new SelectListItem{Text="Female",Value = "Female" }, "--Select Gender--",new { @class = "form-control" })
@Html.LabelFor(model =>model.Age)
@Html.TextBoxFor(model =>model.Age, new { @class = "form-control" })
@Html.LabelFor(model =>model.Mobile)
@Html.TextBoxFor(model =>model.Mobile, new { @class = "form-control" })
@Html.LabelFor(model =>model.Password)
@Html.TextBoxFor(model =>model.Password, new { @class = "form-control" })
@Html.LabelFor(model =>model.Salary)
@Html.TextBoxFor(model =>model.Salary, new { @class = "form-control" })
@Html.DropDownList("SearchBy", new List { new SelectListItem{Text="Name", Value="Name", Selected=true}, new SelectListItem{Text="UserName", Value="UserName"}, new SelectListItem{Text="City", Value="City"}, }, new { @class = "form-control" })
```
And outside of views you add a ***_ViewStart.cshtml*** view**.**
##### _ViewStart.cshtml:
```
@{ Layout = "~/Views/Shared/_Layout.cshtml"; }
```
And now, add a controller “HomeController” with action method:\
\
##### HomeController:
```
using System.Web;using System.Web.Mvc;using MvcApplication2.Models;using System.Data.Entity;using System.Data.SqlClient;using System.Text;namespace MvcApplication2.Controllers{ [Authorize] public class HomeController : Controller { UserContext db = new UserContext(); public ActionResult Index() { User data =db.Users.FirstOrDefault(x => x.UserName == User.Identity.Name); ViewBag.DesignationList = new SelectList(db.Designations, "DesignationId", "Name").ToList(); return View(data); } }}
```
##### And add view for Index method:
##### Index.cshtml:
```