学习ASP.NET Core Blazor编程系列八——数据校验( 三 )


using System;using System.Collections.Generic;using System.ComponentModel.DataAnnotations;using System.Linq;using System.Threading.Tasks;namespace BlazorAppDemo.Models{    public class Book    {        private string name = String.Empty;        private string author=String.Empty;        [Key]        public int ID { get; set; }        [Required(ErrorMessage ="图书名称必须填写,图书名称不能超过50个字符 。")]        [StringLength(50)]        public string Name { get => name; set => name = value; }        public DateTime ReleaseDate { get; set; }        [Required(ErrorMessage = "作者必须填写,作者名不能超过40个字符 。"), StringLength(40)]        public string Author { get => author; set => author = value; }        public decimal Price { get; set; }        /// <summary>        /// 图书类型编号        /// </summary>        [RegularExpression(@"^[a-zA-Z]*$"), Required(ErrorMessage = "图书类型必须填写,而且只能是A-Z的字母,最少是一个字母,最多10个字母 。"), MinLength(1),StringLength(10)]        public string Type { get; set; }        /// <summary>        /// 页码        /// </summary>        public int TotalPages { get; set; }        /// <summary>        /// 库存数量        /// </summary>        [Range(2,30,ErrorMessage =  "图书库存数量在2至30之间 。")]                public int StockQty { get; set; }        /// <summary>        /// 已租数量        /// </summary>        public int Qty { get; set; }      }}接下来我们来修改AddBook.razor组件的前端代码,将校验提示信息显示在输入框的旁边,在代码中添加ValidationMessage控件,将ValidationMessage控件的For属性与实体对象的相对应的属性相关联 。代码如下所示 。
<h3>AddBook</h3><EditForm Model=@addBook OnSubmit="Save">    <DataAnnotationsValidator />    <ValidationSummary />    <div>@Message</div>    <p> 图书名称:    <InputText @bind-Value=https://www.huyubaike.com/biancheng/addBook.Name>

经验总结扩展阅读