Blazor的Telerik验证消息

的Blazor的Telerik验证消息在标准的基础上增加定制选项net ValidationMessage，例如模板而且类参数。

使用验证消息与TelerikForm

为表单字段启用Telerik验证消息:

1. 添加一个< TelerikValidationMessage >在各自的< FormItem >标签,或在表单项中<模板>．
2. 方法中提供lambda表达式为参数设置模型的相关属性，就像标准Blazor一样ValidationMessage组件。
3. (可选)禁用Telerik Form的内置验证消息以避免重复。集ValidationMessageType = " @FormValidationMessageType。没有一个“．

@using System.ComponentModel.DataAnnotations              @code{私人客户客户=新客户();public class Customer {[Required(ErrorMessage = "Please enter your name")] [MaxLength(40, ErrorMessage = " name must up to 40 character long")] public string CustomerName {get;设置;}[必需的(ErrorMessage = "请输入您的年龄")][范围(18,120,ErrorMessage = "您需要至少18岁才能下订单")]公共int CustomerAge {get; set; } [Required(ErrorMessage = "Please enter your email")] [EmailAddress(ErrorMessage = "Enter a valid email address")] public string EmailAddress { get; set; } } }

使用EditForm的验证消息

1. 取代< ValidationMessage >标签< TelerikValidationMessage >标签。
2. 方法中提供lambda表达式为参数设置模型的相关属性，就像标准Blazor一样ValidationMessage组件。

@using System.ComponentModel.DataAnnotations     
   
   
   @code {private Customer Customer = new Customer();public class Customer {[Required(ErrorMessage = "Please enter your name")] [MaxLength(40, ErrorMessage = " name must up to 40 character long")] public string CustomerName {get;设置;}[必需的(ErrorMessage = "请输入您的年龄")][范围(18,120,ErrorMessage = "您需要至少18岁才能下订单")]公共int CustomerAge {get;设置; } [Required(ErrorMessage = "Please enter your email")] [EmailAddress(ErrorMessage = "Enter a valid email address")] public string EmailAddress { get; set; } } }

模板

的TelerikValidationMessage允许您通过嵌套控件控制其呈现<模板>标签。的上下文代表一个IEnumerable <字符串>此模型属性的所有消息的集合。

@using System.ComponentModel.DataAnnotations                 @code { private Customer customer = new Customer(); public class Customer { [Required(ErrorMessage = "Please enter your name")] [MaxLength(40, ErrorMessage = "The name must be up to 40 characters long")] public string CustomerName { get; set; } [Required(ErrorMessage = "Please enter your age")] [Range(18, 120, ErrorMessage = "You should be at least 18 years old to place an order")] public int CustomerAge { get; set; } [Required(ErrorMessage = "Please enter your email")] [EmailAddress(ErrorMessage = "Enter a valid email address")] public string EmailAddress { get; set; } } }

类

使用类参数，将自定义CSS类添加到span.k-form-error．该元素保存验证消息。

@using System.ComponentModel.DataAnnotations               @code { private Customer customer = new Customer(); public class Customer { [Required(ErrorMessage = "Please enter your name")] [MaxLength(40, ErrorMessage = "The name must be up to 40 characters long")] public string CustomerName { get; set; } [Required(ErrorMessage = "Please enter your age")] [Range(18, 120, ErrorMessage = "You should be at least 18 years old to place an order")] public int CustomerAge { get; set; } [Required(ErrorMessage = "Please enter your email")] [EmailAddress(ErrorMessage = "Enter a valid email address")] public string EmailAddress { get; set; } } }

下一个步骤

• 探索TelerikValidationTooltip

另请参阅

• 现场演示:验证
• TelerikValidationSummary
• TelerikValidationTooltip
• 表单组件