65.9K
CodeProject 正在变化。 阅读更多。
Home

自定义验证摘要

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.86/5 (38投票s)

2010年9月29日

CPOL

1分钟阅读

viewsIcon

155650

downloadIcon

4109

ASP.NET 验证摘要控件,使用自定义 CSS 和样式来显示网页中发生的所有验证错误摘要。

ValidationSummaryScreen.png

引言

ASP.NET 验证摘要控件,使用时尚且自定义的 CSS 来显示网页中发生的所有验证错误摘要。

背景

此控件中显示的错误消息由每个验证控件的 ErrorMessage 属性指定。如果验证控件的 ErrorMessage 属性未设置,则不会为此验证控件显示任何错误消息。

Using the Code

此控件中显示的自定义错误消息由控件和验证摘要的以下属性指定

  1. 验证控件
    1. Text:(验证失败时显示的图标)
    2. ErrorMessage:(验证失败时在 ValidationSummary 控件中显示的文本。注意:如果未设置 Text 属性,此文本也会在验证控件中显示)
  2. 验证摘要
    1. DisplayMode:(使用 BulletList 显示验证摘要)
    2. CssClass:(CssClass 属性用于为 ValidationSummary 控件设置样式或类。Validationsummary
    3. HeaderText:(在 ValidationSummary 控件中显示标题“请更正以下内容:”)

HTML 结构

VS-Page.png

CSS 样式

VS-CSS.png

关注点

这完全使用 CSS 技巧完成的。

如果您发现其中存在问题或错误,请留下评论或给我发送电子邮件。如果您对此有任何补充,也请告诉我,这样我就不必重做您的辛勤工作了。

如果这有帮助,请提供“投票”。
© . All rights reserved.