Simple Login Form in Web API (2024)

Introduction

This article shows how to create a simple login form in the ASP.NET Web API.

The following is the procedure for creating a login form in the Web API.

Step 1

First create a Web API application as in the following:

• Start Visual Studio 2012.
• From the start window select "New Project".
• From the new project window select "Installed" -> "Visual C#" -> "Web".
• Select "ASP.NET MVC4 Web Application" and click the "Ok" button.

  

• From the "MVC4 Project" window select "Web API".

  

• Click the "OK" button.

Step 2

Add a Model class.

• In the "Solution Explorer".
• Right-click on the "Model" folder.
• Select "Add" -> "class".
• From the Add new item window select "Installed" -> "Visual C#".

  

• Select "Class" and click on the "Add" button.

Now add the following code:

Step 3

Now in the controller we add the following code:

• In the "Solution Explorer".
• Expand "Controller" folder.
• Select the "HomeController".

Add the following code:

In the code above is the list of UserNames and Passwords. These are validated for the login.

Step 4

In the View write the following code:

• In the "Solution Explorer".
• Expand the "Views" folder.
• Select "Home" -> "Index.cshtml".

Add the following code:

Step 5

Execute the application. The output will be:

Enter the UserName and UserPassword declared in the controller. The output will be:

Now leavt the UserName TextBox empty; then its output looks as:

• ASP.NET
• ASP.NET Web API
• Login Form
• Login Form in Web API
• Web API