ASP.NET MVC Forms

253-minute C# Course

C#
Intermediate

About this Course

In this course, you’ll learn how to create forms using ASP.NET MVC. Along the way, you’ll use various field types and form validation as we build a web version of the Fitness Frog application from C# Basics.

What you'll learn

Creating Forms for CRUD Applications
Handling Form Posts
Model State
Using HTML Helpers to Create Form Fields
Model Binding
Client-Side and Server-Side Form Validation

Introducing CRUD Applications

We’ll start with an introduction to CRUD applications. Then we’ll review, download, and setup the Fitness Frog Web App that we’ll be completing in this course.

6 steps

Creating a Basic Form

We’ll update the "Add Entry" page's HTML form so that our users can add entries. Along the way, we’ll look at the various ASP.NET MVC features that we can use to create forms. We’ll also look at how we can use model binding to simplify our code.

15 steps

Improving Our Form

We’ll improve our form by adding a drop down list, radio buttons, a check box, and a date picker.

9 steps

Adding Form Validation

We’ll learn how to add validation to our form in order to prevent the user from providing “bad” or incorrect data. We’ll also take a look at the differences between server-side and client-side validation.

11 steps

Finishing Our CRUD Web App

We’ll finish our web app by adding “Edit Entry” and “Delete Entry” pages.

8 steps

Teacher

James Churchill

Before joining the Treehouse team, James worked as a consultant for over 10 years doing web development using .NET and variety of open source technologies. James enjoys participating in the developer community, presenting at and attending meetups, code camps, and conferences. When not working, James enjoys learning, skiing, playing music, and watching movies.

Download videos

You need to sign up for Treehouse in order to download course videos.

Library

ASP.NET MVC Forms

253-minute C# Course

About this Course

What you'll learn

Introducing CRUD Applications

Introduction

Welcome to the Fitness Frog Web App

Getting Started

Reviewing Our Project Files

Reviewing the List Page

Section Review

Creating a Basic Form

Getting Familiar with Our HTML Form

HTML Forms Review

Handling a Form Post

Using Model Binding to Capture POST Data

Adding a POST Action Method

Working with Non-String Data

Invalid Values and ModelState

Creating Forms Using the HTML Helpers

Using HTML Helpers

Using Our Models

Completing Our Model Related Updates

Using Strongly Typed HTML Helpers

Redirecting Back to the List Page

Redirecting to an Action

Section Review

Improving Our Form

Working with Drop Down Lists

Completing the “Activity” Field Drop Down List

Drop Down Lists

Using Radio Buttons

Radio Buttons

Using Check Boxes

Check Boxes

Adding a Datepicker

Section Review

Adding Form Validation

Introducing Form Validation

Form Validation

Implementing Server-Side Validation Using ModelState

Adding Server-Side Validations Using ModelState

Implementing Server-Side Validation Using Data Annotations

Adding Server-Side Validations Using Data Annotations

Displaying Validation Messages

Displaying Validation Messages

Implementing Unobtrusive Client-Side Validation

Improving Validation CSS Styles

Section Review

Finishing Our CRUD Web App

Updating Our Controller to Handle Updates

Creating a Partial View for Our Form

Partial Views

Updating Our Controller to Handle Deletes

Updating Our “Delete” View

Using TempData

Wrap Up

Section Review

Teacher

James Churchill

Download videos