Required 特性表示属性必须具有一个值。 但是，用户可以随时输入空格对可以为 null 的类型进行校验约束。从本质上来说，对于不能为 null 的值类型（如 decimal、int、float 和 DateTime），可以不添加 Required 特性。
RegularExpression 特性限制用户可以输入的字符。 在上述代码中， Type字母（禁用空格、数字和特殊字符）。
Range 特性将值限制在指定范围内。
StringLength 特性设置字符串的最大长度，且可视情况设置最小长度。
第八，在Visual Studio 2022的菜单栏上，找到”调试–>开始调试”或是按F5键，Visual Studio 2022会生成BlazorAppDemo应用程序，并在浏览器中打开Home页面，我们使用鼠标点击左边的菜单栏上的”添加图书”菜单项，然后使用鼠标左键点击”保存”按钮，会出现一个错误，如下图。
从上图中看出，校验好像没有起作用就直接保存到数据库了，这是因为我们没有在EditForm中没有添加 DataAnnotationsValidator 组件。如果要显示校验不通过生成的提示消息，我们应该加一个ValidationSummary组件，这个组件用于显示表单中所有控件的有校验规则的提示消息集合。我们来修改一下组件的代码，具体代码如下。
第九，在Visual Studio 2022的菜单栏上，找到”调试–>开始调试”或是按F5键，Visual Studio 2022会生成BlazorAppDemo应用程序，并在浏览器中打开Home页面，我们使用鼠标点击左边的菜单栏上的”添加图书”菜单项，然后使用鼠标左键点击”保存”按钮，由于我们没有输入正确的数据，校验组件将会提示我们要输入的数据。如下图。
Blazor的校验是在以下两个时间点上执行：
- 当用户按 Tab 键离开某个字段时，将执行字段验证。 字段验证可确保用户及早了解验证问题。
- 当用户提交表单时，将执行模型验证。 模型验证可确保不会存储无效数据。
如上图，表单验证失败，提示消息都显示在ValidationSummary，而没有显示在相应输入框的旁边。
如果想要将校验提示信息显示在输入框的旁边，需要在代码中添加 ValidationMessage 组件。如果你不想要Blazor提供的默认信息，你可以在实体类的每个属性的特性中找到一个ErrorMessage属性，这个属性就是用于自己定义一些校验提示消息，校验的提示消息尽可能的对用户有所帮助。代码如下所示。
接下来我们来修改AddBook.razor组件的前端代码，将校验提示信息显示在输入框的旁边，在代码中添加ValidationMessage控件，将ValidationMessage控件的For属性与实体对象的相对应的属性相关联。代码如下所示。
第十，在Visual Studio 2022的菜单栏上，找到”调试–>开始调试”或是按F5键，Visual Studio 2022会生成BlazorAppDemo应用程序，并在浏览器中打开Home页面，我们使用鼠标点击左边的菜单栏上的”添加图书”菜单项，然后使用鼠标左键点击”保存”按钮，由于我们没有输入正确的数据，校验组件将会提示我们要输入的数据。如下图。
Original: https://www.cnblogs.com/chillsrc/p/16818208.html
Author: DotNet菜园
Title: 学习ASP.NET Core Blazor编程系列八——数据校验
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/800231/
转载文章受原作者版权保护。转载请注明原作者出处！