Multiple Form Tag Sample in MVC: Day 33

Introduction

In this article we create four forms for addition, subtraction, multiplication and division in the same page.

Procedure

1. Create an MVC project from the "Empty" template.
   
   Right-click on "Controllers" and select "Add" >> "Controller...".
   
   
2. Select "MVC 5 Controller - Empty" to add an empty controller.
   
   Click on the "Add" button.
   
   
3. Name the controller "CalcController".
   
   The Index() action result method will be added.
   
   
4. To add a view, right-click on "Index" and select "Add View...".
   
   
5. Name the view and select "Empty (without model)" as the template. Click on the "Add" button.
   
   
6. Create the following four form tags.
   
   Addition
   
   
   
   Subtraction
   
   
   
   Multiplication
   
   
   
   Division
   
   
   
   
7. Create four action methods for the four operations.
   
   Addition: In this method we get data using the Request.Form collection.
   
   
   
   Subtraction: In this method we get data using the Request.Form.Get method.
   
   
   
   Multiplication: In this method we get data using the Request.Params indexer.
   
   
   
   Division: In this method we get data using the Request object.
   
   
   
   We can get posted data using any of the preceding ways for all the operations but we use multiple ways for learning purposes.
   
   
8. Run the project, insert a value for no1 and no2 and click on the "Submit" button. The form will be submitted and we will get the result of the two values.