在Blazor中的ValidationMessage中显示html或多行消息

Question

问题

显示密码错误消息列表如下：

1. 必须至少包含一个大写字母
2. 必须至少包含一个小写字母
3. 必须至少包含一个数字
4. 必须至少包含一个符号
5. 必须为6个字符长

在MVC中

我们可以通过以下代码实现这一点：

@Html.Raw(HttpUtility.HtmlDecode(Html.ValidationMessageFor(m => m.Email).ToHtmlString()))

我们怎么能在Blazor做同样的事情？如果需要更多的东西来支持这个问题，请告诉我。

Answer 1

我也需要这样做才能进行自定义验证，但这看起来像ValidationMessage，正如您在评论中所说

如何将其与Blazor中的验证消息一起使用。仅供参考-Blazor中的验证消息看起来像signUpModel.电子邮件(">

这样做的方法与ValidationMessage相同，并更改其呈现的方式

您可以直接从repo中复制代码并进行一些更改。

• 首先，如果您为CustomValidationMessage或任何您想要的东西更改类的名称，那就太好了
• 您将看到方法BuildRenderTree，它使用验证消息构建html
• 如果你知道如何使用BuildRenderTree，你可以编辑它，但我建议你删除该方法，并创建一个.razor文件来呈现消息
• 执行与该方法中相同的逻辑(在每个消息之前(，在内部可以呈现您想要的任何内容(例如，使用MarkupString(message)(

.剃须刀

foreach (var message in CurrentEditContext.GetValidationMessages(_fieldIdentifier))
{
@* use message the way you want*@
}