Building A Simple Registration Form In ASP.NET MVC

Step 4. CREATE A CONTROLLER.

1. Go to the controller's folder-> Add-> Controller-> Select MVC 5 Controller Empty->Add.
   
2. It will open the Add Controller dialog as shown below.
   
3. Write Controller Name. Do not delete the word Controller. Remember, controller name must end with Controller.
   
4. This will create a HomeController class with the Index method in the HomeController.cs file under the Controllers folder, as shown below.
   

Step 5. Add View.

1. Open a HomeController class -> right-click inside the Index method -> click Add View.
   
2. In the Add View dialogue box, keep the view name as Index. Choose Template Create (because we are inserting data in this Application). Select Model Class. Select Data Context Class. Click the Add Button.
   

Note. You will find this error. Just Rebuild the Project.

After creating the view, it will look like below.

@model Registration.Models.tblRegistration
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()

        <div class="form-horizontal">
            <h4>tblRegistration</h4>
            <hr />
            @Html.ValidationSummary(true, "", new { @class = "text-danger" })

            <div class="form-group">
                @Html.LabelFor(model => model.FName, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.FName, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.FName, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                @Html.LabelFor(model => model.LName, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.LName, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.LName, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                @Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                @Html.LabelFor(model => model.City, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.City, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.City, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="Create" class="btn btn-default" />
                </div>
            </div>
        }
    </div>
</body>
</html>

Step 6. Add a new action into your controller for the get method.

1. Add the following Namespaces in the Controller.

   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Web;
   using System.Web.Mvc;
   using Registration.Models;
   

2. Write the following code in Controller Class. ( HomeController.CS Class).

   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Web;
   using System.Web.Mvc;
   using Registration.Models;
   
   namespace Registration.Controllers {
       public class HomeController : Controller {
   
           public ActionResult Index() {
               return View();
           }
   
           [HttpPost]
           public ActionResult Index(tblRegistration obj) {
               if (ModelState.IsValid) {
                   RegMVCEntities db = new RegMVCEntities();
                   db.tblRegistrations.Add(obj);
                   db.SaveChanges();
               }
               return View(obj);
           }
       }
   }
   

Code Explanation

1. The Home Controller Class Contains two Action methods. The first Action method is [HttpGet], when you run the application this method will execute. The second Action method is [HttpPost], when the user clicks the Create button this Action method will execute.
2. Model state.IsValid property validates each model property against the validation attributes used in the Model and it returns true or false.
3. SaveChanges() method is called to save the data into the database.

Output

In Database