By John Ciliberti 

Many ecommerce web sites are driven by user input and the choices they make. As a developer, you want to help them make the right choices and have a positive experience with your site, so they will complete their purchase, and return to make another one!

In this example, imagine that you are building a web site that allows users to build their own electric guitars. They pick the woods, body, pickups, strings, tremolo, and other parts, and then a robot will put the guitar together and ship it to them. Before the guitar is built, you need to ensure that the parts they selected are compatible. You want to be able to give the users feedback as they are filling out the form when they select a part that is not compatible.

A recipe for complex validation requirements

This recipe will demonstrate how to use the Fluent Validation package to solve the above problem. Fluent Validation is a popular open source library for solving complex validation requirements written by Jeremy Skinner. You can find the source code and documentation for the library at https://github.com/JeremySkinner/fluentvalidation.

The Fluent Validation library uses a fluent interface and lambda expressions to allow you to write very readable and expressive validation rules. If you are interested in reading more of the theory behind fluent interface design, I recommend reading the article by Martin Fowler at https://www.martinfowler.com/bliki/FluentInterface.html.

How It Works

To create this example, you will create a new ASP.NET Core web application. You will then add models to define a guitar and parts you will add to it. Next you will install the Fluent Validation for ASP.NET Core NuGet package and use it to create validation rules. Finally, you will add a view model, the controller, and the views that make up the new guitar form.

Creating the Project

Create a new ASP.NET Core Web Application (.NET Core 1.1) project using the Web Application template. Name the project and solution Recipe05. Ensure that No Authentication is selected and Docker support is not enabled.

Creating the Models

The models used for this example will be made up of four classes:

• Guitar.cs: Represents the guitar that will be built
• GuitarBody: Represents the main body of the guitar that houses all of the electronics including the pickups, input jacks, and volume controls
• GuitarPickUp: Represents the magnets that must be installed on a guitar to allow it to convert the vibrations of the guitar strings into electronic signals
• GuitarString: Represents the metal strings that will be installed on the guitar

To create the model, add a folder called Models under the root of the Recipe05 project. Add classes to the folder named Guitar, GuitarBody, GuitarPickup, and GuitarString. Listings 1 through 4 show the completed classes.

Listing 1. Guitar.cs

_{using System.Collections.Generic;}

_{using System.ComponentModel.DataAnnotations;}

_{namespace Recipe05.Models}

_{

    _{public class Guitar}

    _{

        _{[Display(Description ="Name your custom guitar.")]}

        _{public string Name { get; set; }}

        _{public GuitarBody Body { get; set; }}

        _{[Display(Name = "Bridge Pickup.")]}

        _{public GuitarPickup BridgePickup { get; set; }}

        _{[Display(Name = "Middle Pickup.")]}

        _{public GuitarPickup MiddlePickup { get; set; }}

        _{[Display(Name = "Neck Pickup.")]}

        _{public GuitarPickup NeckPickup { get; set; }}

        _{public IList<GuitarString> Strings { get; set; }}

    _}

_}

Note that, in Listing 1, even though you will be using the Fluent Validation library for your validation rules, data annotations can still be applied to the model for display information.

Listing 2. GuitarBody.cs

_{using System;}

_{namespace Recipe05.Models}

_{

    _{public class GuitarBody}

    _{

        _{public string Name { get; set; }}

        _{public string ToneWood { get; set; }}

        _{public int NumberOfStringsSupported { get; set; }}

        _{public bool AllowBridgePickup { get; set; }}

        _{public bool AllowMiddlePickup { get; set; }}

        _{public bool AllowNeckPickup { get; set; }}

        _{public BodyType BodyType { get; set; }}

        _{public BodyStyle Style { get; set; }}

        _{public String Color { get; set; }}

    _}

_}

_{// BodyType.cs}

_{namespace Recipe05.Models}

_{

    _{public enum BodyType { HollowBody, Chambered, SolidBody}}

_}

_{// BodyStyle.cs}

_{namespace Recipe05.Models}

_{

_{public enum BodyStyle { LesPaul, SG, Strat,Telecaster, FlyingV, Jazzmaster, Explorer, Gem }}

_}

The GuitarBody class shown in Listing 2 makes use of two enums. Using enums helps to keep your code readable. This will be especially important when you start defining the validation rules using the Fluent interface.

Listing 3. GuitarPickup.cs

_{namespace Recipe05.Models}

_{

    _{public class GuitarPickup}

    _{

        _{public string Name { get; set; }}

        _{public PickUpType PickUpType { get; set; }}

        _{public PickUpPosition RecommendedPosition { get; set; }}

        _{public int NumberOfStringsSupported { get; set; }}

        _{public int NumberOfConductorsRequired { get; set; }}

    _}

_}

_{// PickUpTypes.cs}

_{namespace Recipe05.Models}

_{

    _{public enum PickUpType { Humbucker, SingleCoil, Piezo}}

_}

_{// PickUpPosition.cs}

_{namespace Recipe05.Models}

_{

    _{public enum PickUpPosition { Piezo, Bridge, Middle, Neck}}

_}

Listing 4. GuitarString.cs 

_{namespace Recipe05.Models}

_{

    _{public class GuitarString}

    _{

        _{public string Name}

        _{

            _get

            _{

                _{return string.Format("{0} : {1}", NoteAtStandardTuning, Gage);}

            _}

        _}

        _{public string NoteAtStandardTuning { get; set; }}

        _{public int Gage { get; set; }}

        _{public string Material { get; set; }}

    _}

_}

The GuitarString class shown in Listing 4 uses a computed property to derive the name. The Name property will be used for display purposes.

Installing the Fluent Validation NuGet Package

There are two steps required to integrate the Fluent Validation NuGet package with ASP.NET Core. First you must install the NuGet package using the Package Manager, and then you must configure Fluent Validation in Startup.cs.

To install Fluent Validation, open the Package Manager Console window in Visual Studio and enter the following command:

Install-Package FluentValidation.AspNetCore

After the installation has completed, modify the ConfigureServices method of Startup.cs so that it matches Listing 5 below. RegisterValidatorsFromAssemblyContaining<Startup>()) will use reflection to find all the classes in the current assembly that are derived from AbstractValidator<T> and then register all the validation rules defined inside them.

Listing 5. Startup.cs Modified to Configure Fluent Validation

_{public void ConfigureServices(IServiceCollection services)}

_{

     _{// Add framework services.}

     _{services.AddMvc().AddFluentValidation(fv => fv.RegisterValidatorsFromAssemblyContaining<Startup>());}

_}

Creating the Validation Rules

To create validation rules for a class using Fluent Validation, create a separate class that extends the FluentValidation.AbstractValidator<T> class, where T is the class where you want to apply the validation rules.

Each rule in the validation class’s constructor uses calls to the RuleFor method. The RuleFor method takes a lambda expression as an argument that allows you to specify the property the rule is to be applied to. RuleFor returns an IRuleBuilderInitial object instance. The IRuleBuilderInitial interface exposes a set of built-in rules that can be applied to the model. The following is a list of built-in validators:

• NotNull: Invalidates the model when the property is null.
• NotEmpty: Equivalent to the Required data annotation; invalidates the model when the property is null, empty, or whitespace.
• NotEqual: Invalidates the model when the property does not match the comparison value.
• Equal: Inverse of the NotEqual rule. Invalidates the model when the property matches the comparison value.
• Length: Like the StringLength data annotation, invalidates the model when the property length is not in the specified range.
• LessThan: Invalidates the model when the property value is less than the comparison value.
• LessThanOrEqual: Invalidates the model when the property value is less than or equal to the comparison value.
• GreaterThan: Invalidates the model when the property value is greater than the comparison value.
• GreaterThanOrEqual: Invalidates the model when the property value is greater than or equal to the comparison value.
• Must: Allows you to create custom validators inline using lambda expressions. Invalidates the model when the property does not meet the criteria specified in the expression.
• Matches: Equivalent to the RegularExpression data annotation. Invalidates the model when the property value does not match the specified regular expression.
• Email: Invalidates the model when the property value is not a valid e-mail address.

Each of the built-in validation methods returns an instance of the IRuleBuilder interface. The IRuleBuilder interface exposes a secondary set of rules that either can add additional rules to the property specified in RuleFor or can add restrictions to when the first rule can be applied. For example, if you wanted to create a rule for the Guitar class that ensured that if that guitar body requires a neck pickup, the neck pickup cannot be empty, then you would write the following:

RuleFor(guitar => guitar.NeckPickup).NotEmpty().When(guitar => guitar.Body.AllowNeckPickup);

Listing 6 shows a set of rules defined for the Guitar class in a validation class named GuitarValidator. To create this class, add a folder to the root of Recipe05 named Validation and then add a class named GuitarValidator.

Listing 6. GuitarValidator

_{using FluentValidation;}

_{using Recipe05.Models;}

_{namespace Recipe05.Validation}

_{

    _{public class GuitarValidator : AbstractValidator<Guitar>}

    _{

        _{public GuitarValidator()}

        _{

            _{// guitar name cannot be null, empty, or whitespace and}

            _{// must be at least 3 but no more than 40 characters long}

            _{RuleFor(guitar => guitar.Name).NotEmpty().Length(3,40);}

            _{// guitar must have a body}

            _{RuleFor(guitar => guitar.Body).NotEmpty();}

            _{// guitar must have a pickup installed in each slot available in the selected body}

            _{RuleFor(guitar => guitar.NeckPickup).NotEmpty().When(guitar => guitar.Body.AllowNeckPickup);}

            _{RuleFor(guitar => guitar.BridgePickup).NotEmpty().When(guitar => guitar.Body.AllowBridePickup);}

            _{RuleFor(guitar => guitar.MiddlePickup).NotEmpty().When(guitar => guitar.Body.AllowMiddlePickup);}

            _{// can't select more strings then guitar body supports}

            _{RuleFor(guitar => guitar.Strings)}

                _.NotNull()

                _{.Must((guitar, strings) => strings?.Count == guitar?.Body?.NumberOfStringsSupported)}

                _{.WithMessage(@"The number of strings selected {0}}

                                                _{does not match the number supported by the guitar body {1}",}

                _{guitar => guitar?.Strings?.Count,}

                _{guitar => guitar?.Body?.NumberOfStringsSupported);}

            _{// can't add a middle pickup if the guitar body does not support it}

            _{RuleFor(guitar => guitar.MiddlePickup)}

                _.Null()

                _{.When(guitar => guitar.Body.AllowMiddlePickup = false);}

        _}

    _}

_}

Creating the View Model

The guitar builder form will contain a set of drop-down lists that list the available parts for each of the required guitar components. The drop-down lists will be created using the Select Tag Helper. The Select Tag Helper takes two attributes, asp-for and asp-items. The asp-for attribute wires the generated HTML form field with a model property. The asp-items attribute contains the data used to generate the Options tags that make up the drop-down list. The items passed to the asp-items attribute must be of the type IEnumerable<SelectListItem>.

Creating a Generic SelectListItem Adapter

Since SelectListItems objects are a concern of the view and do not naturally appear in the model, a view model is required to allow the select elements to be generated and to provide a translation between the properties of the model and items selected in the form.

To simplify the code in the view model and to reduce the need to duplicate code, you will build a utility class called SelectListAdapter. The SelectListAdapter class will contain a method called ConvertToSelectListItemCollection. ConvertToSelectListItemCollection will allow you to convert a collection from the model into the IEnumerable<SelectListItem> required by the view. ConvertToSelectListItemCollection also allows you to specify the properties from the model’s collection to be used for the text and value properties of each SelectListItem.

To create the SelectListAdapter class, first create a folder under the root of the Recipe05 project called Util. Next add a new class file called SelectListItemAdapter.

Since the SelectListItemAdapter class will be stateless and does not use any instance properties, it will be defined as static. Inside SelectListItemAdapter, create a generic method named ConvertToSelectListItemCollection. Generic methods allow the method to be strongly typed while supporting many types. The ConvertToSelectListItemCollection takes four arguments.

• source: This is the source list from the model that will be converted to an IEnumerable<SelectListItem>.
• text: This is a lambda expression that takes an instance of the collection type used in the source and returns a string. This will allow developers to select a property to use for the Text property of the SelectListItem list items.
• value: This is a lambda expression that takes an instance of the collection type used in source and returns a string. This will allow developers to select a property to use for the Value property of the SelectListItem list items.
• createEmpty: If true, which is the default value, an empty SelectListItem will be added to the list that contains the text Please Select.

A second version of the ConvertToSelectListItemCollection is also added that allows a single property to be used for both the Text and Value properties of SelectListItem.

Listing 7. SelectListItemAdapter

_{using System;}

_{using System.Collections.Generic;}

_{using Microsoft.AspNetCore.Mvc.Rendering;}

_{namespace Recipe05.Util}

_{

    _{public static class SelectListItemAdapter}

    _{

        _{public static IEnumerable<SelectListItem> ConvertToSelectListItemCollection<T>}

            _{(IEnumerable<T> source, Func<T, string> text, Func<T, string> value, bool createEmpty = true) where T : class}

        _{

            _{var selectListItems = new List<SelectListItem>();}

            _{if (createEmpty)}

            _{

                _{selectListItems.Add(new SelectListItem { Text = "Please Select", Value = "" , Selected= true });}

            _}

            _{foreach (var item in source)}

            _{

                _{selectListItems.Add(new SelectListItem { Text = text(item), Value = value(item)});}

            _}

            _{return selectListItems;}

        _}

        _{public static IEnumerable<SelectListItem> ConvertToSelectListItemCollection<T>}

            _{(IEnumerable<T> source, Func<T, string> textAndValue, bool createEmpty = true) where T : class}

        _{

            _{return ConvertToSelectListItemCollection(source, textAndValue, textAndValue, createEmpty);}

        _}

    _}

_}

Simulating an Inventory Module

In a real system, you may have an inventory module that would call out to a back-end database to pull the list of available parts. For this exercise, you will simulate the database call with the Inventory class. The Inventory class will consist of a set of properties containing lists of the various parts that make up the guitar. To create the Inventory class, create a new folder called Data and within it create a new class called Inventory. Listing 8 shows the Inventory class.

Listing 8. Simulated Inventory Module

_{using Recipe05.Models;}

_{using System.Collections.Generic;}

_{namespace Recipe05.Data}

_{

    _{public class Inventory}

    _{

        _{public IList<GuitarBody> GuitarBodies = new List<GuitarBody>}

        _{

            _{new GuitarBody {}

                _{Name = "Red Les Paul",}

                _{AllowBridePickup = true,}

                _{AllowMiddlePickup = false,}

                _{AllowNeckPickup = true,}

                _{BodyType = BodyType.SolidBody,}

                _{ToneWood = "mahogany",}

                _{Color = "Red",}

                _{NumberOfStringsSupported =6,}

                _{Style = BodyStyle.LesPaul}

            _}

            _{// additional guitar body choices go here}

        _};

        _{public IList<GuitarPickup> GuitarPickups = new List<GuitarPickup>}

        _{

            _{new GuitarPickup{}

                _{Name = "Imperium 7™ Neck",}

                _{NumberOfStringsSupported = 7,}

                _{PickUpType =PickUpType.Humbucker,}

                _{RecommendedPosition = PickUpPosition.Bridge,}

                _{NumberOfConductorsRequired = 4}

            _}

            _{// additional guitar pickup choices go here}

        _};

        _{public IList<GuitarString> GuitarStrings = new List<GuitarString>}

        _{

            _{new GuitarString { Gage=9, Material = "Steel", NoteAtStandardTuning = "E"},}

            _{new GuitarString {Gage=10, Material = "Nickel", NoteAtStandardTuning = "E"}}

            _{// additional guitar string choices go here}

        _};

    _}

_}

Creating the GuitarBuilderViewModel Class

To simplify the view logic used inside the Razor views, you will create a view model named GuitarBuilderViewModel. To help you differentiate models that are purely entities from models that are bound to views, you will create a new folder called ViewModels and name each view model class in the folder with the ViewModel suffix. The GuitarBuilderViewModel class will contain an IEnumerable<SelectListItem> for each of the drop-down lists required on the form. It will also have a string value to represent the selected value from each of the drop-down lists. In addition, since you want to use the display metadata from the Guitar class to create the labels and descriptions used on the form, the view model class will also have a Guitar property.

In addition to the properties, the GuitarBuilderViewModel class contains a helper method that uses SelectListItemAdapter to create IEnumerable<SelectListItem>. Listing 9 shows GuitarBuilderViewModel.

Listing 9. The GuitarBuilderViewModel Class

_{using Microsoft.AspNetCore.Mvc.Rendering;}

_{using Recipe05.Data;}

_{using Recipe05.Models;}

_{using Recipe05.Util;}

_{using System.Collections.Generic;}

_{namespace Recipe05.ViewModels}

_{

    _{public class GuitarBuilderViewModel}

    _{

        _{public GuitarBuilderViewModel()}

        _{

            _{// in a real app we would get the data via constructor injection}

            _{PopulateFromInventory();}

        _}

        _{public Guitar Guitar { get; set; } = new Guitar();}

        _{public IEnumerable<SelectListItem> BridgePickupList { get; set; }}

        _{public string SelectedBridgePickup { get; set; }}

        _{public IEnumerable<SelectListItem> MiddlePickupList { get; set; }}

        _{public string SelectedMiddlePickup { get; set; }}

        _{public IEnumerable<SelectListItem> NeckPickupList { get; set; }}

        _{public string SelectedNeckPickup { get; set; }}

        _{public IEnumerable<SelectListItem> BodyList { get; set; }}

        _{public string SelectedBody { get; set; }}

        _{public IEnumerable<SelectListItem> StringsList { get; set; }}

        _{public IEnumerable<string> SelectedStrings { get; set; }}

        _{private void PopulateFromInventory()}

        _{

            _{Inventory = new Inventory();}

            _{BodyList = SelectListItemAdapter.ConvertToSelectListItemCollection}

                        _{(Inventory.GuitarBodies, s => s.Name);}

            _{BridePickupList = SelectListItemAdapter.ConvertToSelectListItemCollection}

                        _{(Inventory.GuitarPickups, s => s.Name);}

            _{MiddlePickupList = SelectListItemAdapter.ConvertToSelectListItemCollection}

                        _{(Inventory.GuitarPickups, s => s.Name);}

            _{NeckPickupList = SelectListItemAdapter.ConvertToSelectListItemCollection}

                        _{(Inventory.GuitarPickups, s => s.Name);}

            _{StringsList = SelectListItemAdapter.ConvertToSelectListItemCollection}

                        _{(Inventory.GuitarStrings, s => s.Name);}

        _}

        _{// used by the GuitarBuilderToGuitarAdapter class shown in next section}

        _{internal Inventory Inventory { get; private set; }}

    _}

_}

Creating the GuitarBuilderToGuitarAdapter Class

The GuitarBuilderViewModel class does not contain enough information to be used to perform the rules processing required to meet the business requirements. The only purpose of the view model is to collect the data submitted by the user back to the controller. The complex rules that were defined in Listing 6 were defined on the Guitar class. Even though a Guitar class was included in the view model, not enough information was passed to it to invoke the rules. For the rules to be processed, data from the view model needs to be used to create a fully populated Guitar object.

The GuitarBuilderToGuitarAdapter class performs the function of creating the Guitar object from the form data collected in the view model. It does this by querying the Inventory property of the view model and finding the matching item using the key saved in the view model for each select list. Listing 10 shows the GuitarBuilderToGuitarAdapter class.

Listing 10. The GuitarBuilderToGuitarAdapter Class

_{using Recipe05.Data;}

_{using Recipe05.Models;}

_{using System.Linq;}

_{namespace Recipe05.ViewModels}

_{

    _{public class GuitarBuilderToGuitarAdapter}

    _{

        _{public Guitar BuildGuitar(GuitarBuilderViewModel viewModel)}

        _{

            _{if (viewModel == null) return null;}

            _{var guitar = new Guitar()}

            _{

               _{Name = viewModel.Guitar.Name,}

                _{BridgePickup = SelectPickUp(viewModel.Inventory, viewModel.SelectedBridgePickup),}

                _{MiddlePickup = SelectPickUp(viewModel.Inventory, viewModel.SelectedMiddlePickup),}

                _{NeckPickup = SelectPickUp(viewModel.Inventory, viewModel.SelectedNeckPickup),}

               _{Body = viewModel.Inventory?.GuitarBodies?.FirstOrDefault(a => a.Name == viewModel.SelectedBody),}

               _{Strings = (from gs in viewModel.Inventory.GuitarStrings}

                         _{where viewModel.SelectedStrings!=null && viewModel.SelectedStrings.Contains(gs.Name)}

                         _{select gs).ToList()}

            _};

            _{return guitar;}

        _}

        _{private GuitarPickup SelectPickUp(Inventory inventory, string pickupName)}

        _{

            _{if (string.IsNullOrEmpty(pickupName)) return null;}

            _{return inventory?.GuitarPickups?.FirstOrDefault(a => a.Name == pickupName);}

        _}

    _}

_}

Creating the Controller

For this recipe, the Home controller that is created by Visual Studio will be modified to support the guitar builder form. First, modify the Index action so that it is passed a GuitarBuilderViewModel class to the view. Next, create an HttpPost version of the Index action that accepts GuitarBuilderViewModel as a parameter. Change the signature of the action to be asynchronous.

Inside the action, create an instance of GuitarBuilderToGuitarAdapter and then use the BuildGuitar method to create an instance of Guitar from the GuitarBuilderViewModel class passed into the action.

In the next line, call TryUpdateModelAsync with the Guitar object created by the adapter. TryUpdateModelAsync will cause the validation rules attached to the Guitar class from GuitarValidator to be run against the current state of the object. TryUpdateModelAsync will update the ModelState value of the controller with results of the validation and add any validation errors to the controller’s model error list. This will allow validation errors to appear on the view when the Validation-Summary and Validation-For Tag Helpers are used. Listing 11 shows the updated Home controller.

Listing 11. Home Controller Modified to Support Guitar Builder Form

_{using System.Threading.Tasks;}

_{using Microsoft.AspNetCore.Mvc;}

_{using Recipe05.ViewModels;}

_{using Recipe05.Models;}

_{namespace Recipe05.Controllers}

_{

    _{public class HomeController : Controller}

    _{

        _{public IActionResult Index()}

        _{

            _{var model = new GuitarBuilderViewModel { Guitar = new Guitar { Name = "My New Guitar" } };}

            _{return View("Index", model);}

        _}

        _[HttpPost]

        _{public async Task<IActionResult> Index(GuitarBuilderViewModel model)}

        _{

            _{var adapter = new GuitarBuilderToGuitarAdapter();}

            _{model.Guitar = adapter.BuildGuitar(model);}

            _{await TryUpdateModelAsync(model.Guitar);}

            _{if (ModelState.IsValid)}

            _{

                _{return RedirectToAction("OrderRecieved");}

            _}

            _{return View("Index", model);}

        _}

        _{public IActionResult OrderRecieved()}

        _{

            _{return View("OrderRecieved");}

        _}

        _{public IActionResult Error()}

        _{

            _{return View();}

        _}

    _}

_}

Creating the Views and Testing the Application

The final step is to modify the Index view of the Home controller to host the guitar builder form. First, remove all the boilerplate code that was added by Visual Studio when the project was created. Next, use the @model directive to make the view strongly typed to Recipe05.ViewModels.GuitarBuilderViewModel.

Then create a FORM element with an asp-action attribute set to index. The asp-action attribute will render the FORM attributes necessary to post the form back to the Index action. Finally, add all the required form elements needed for the guitar builder form, as shown in Listing 12. Don’t forget to include the _ValidationScriptsPartial view at the bottom of the page.

Listing 12. The Guitar Builder Form

_{@model Recipe05.ViewModels.GuitarBuilderViewModel}

_@{

    _{ViewData["Title"] = "Home Page";}

_}

_{<h1>Chapter 9 - Recipe 05</h1>}

_{Use this form to build the guitar of your dreams and our robots will build it for you.}

_{<form asp-action="index">}

    _{<div asp-validation-summary="All" class="text-danger"></div>}

    _{<div class="form-group">}

        _{<label asp-for="Guitar.Name"></label>}

        _{<input class="form-control" asp-for="Guitar.Name" placeholder="Name for your custom guitar">}

        _{<span asp-validation-for="Guitar.Name" class="text-danger"></span>}

    _</div>

    _{<div class="form-group">}

        _{<label asp-for="Guitar.Body"></label>}

        _{<select class="form-control"}

        _{asp-for="SelectedBody"}

        _{asp-items="Model.BodyList">}

        _</select>

        _{<span asp-validation-for="Guitar.Body" class="text-danger"></span>}

    _</div>

    _{<div class="form-group">}

        _{<label asp-for="Guitar.BridgePickup"></label>}

        _{<select class="form-control"}

                _{asp-for="SelectedBridgePickup"}

                _{asp-items="Model.BridgePickupList"></select>}

        _{<span asp-validation-for="Guitar.BridgePickup" class="text-danger"></span>}

    _</div>

    _{<div class="form-group">}

        _{<label asp-for="Guitar.MiddlePickup"></label>}

        _{<select class="form-control"}

                _{asp-for="SelectedMiddlePickup"}

                _{asp-items="Model.MiddlePickupList"></select>}

    _</div>

    _{<div class="form-group">}

        _{<label asp-for="Guitar.NeckPickup"></label>}

        _{<select class="form-control"}

                _{asp-for="SelectedNeckPickup"}

                _{asp-items="Model.NeckPickupList"></select>}

    _</div>

    _{<div class="form-group">}

        _{<label asp-for="Guitar.Strings"></label>}

        _{<select class="form-control"}

                _{asp-for="SelectedStrings"}

                _{asp-items="Model.StringsList"></select>}

    _</div>

    _{<button type="submit" class="btn btn-default">Submit</button>}

_</form>

_{@section scripts{}

    _{@Html.Partial("_ValidationScriptsPartial")}

_}

Run the application and try submitting the form using different combinations of the input. You will see that for most of the validation errors, the validation summary will be updated, but no validation error will appear on the form field. The exceptions to this rule are validation errors, such as when the guitar name field is left blank.

About the Author

John Ciliberti is an enterprise architect with over 14 years of professional experience in software engineering and architecture. After almost seven years with KPMG's Enterprise Architecture practice and five years of solutions architecture consulting, John has acquired strong business and communications skills backed up by a broad range of technical knowledge. He specializes in enterprise architecture, web application development technologies, and mobile device development.

Want more? This article is excerpted from the book ASP.NET Core Recipes.  Get your copy today and learn more straightforward solutions to common web development problems using proven methods based on best practices. You can also download the source code files for the listings in this article from the Apress GitHub repository.