问题标签 [validationmessage]

我已经按照下面的教程如何在 Blazor Webbassembly 中创建一个简单的向导组件，到目前为止一切都很好。

https://sinclairinat0r.com/2019/12/08/creating-a-simple-wizard-component-in-blazor

但是，当我尝试将向导放入如下所示的编辑表单中时，我遇到了问题。

背后的代码

}

问题是当我单击向导中的“下一步”按钮或单击 firstStepModel.FirstName 的空“InputText”并将其留空然后单击时，“ValidationMessage”组件不会触发（或可见） firstStepModel.LastName 的“InputText”字段并在该字段旁边键入名称。

但是，当我再次在 FirstName 的“InputText”字段内单击时，键入一个名称，然后删除该名称并单击 InputText 字段外部，然后出现 ValidationMessages。

在此处输入图像描述

其余代码如下所示。

巫师剃刀

向导.razor.cs

WizardStep.razor

WizardStep.razor.cs

有谁知道代码有什么问题？

我不知道如何突出显示无效字段并显示嵌套组件的单个 ValidationMessages 。添加到页面时相同的代码按预期工作，但是当移动到单独的组件时，页面的 ValidationSummary 显示该组件的错误很好，但组件本身不提供任何验证结果。

我进行了广泛的搜索，只找到了有关验证复杂模型的主题，但没有找到有关在嵌套组件中显示验证信息的主题。这表明我可能遗漏了一些简单的东西，但我无法弄清楚这是什么。

这是重现此行为的简化代码。

产品.cs

ChildComponent.razor

TestPage.razor

编辑：

使用@NeilW 提供的链接中的信息，我现在可以更改输入控件的 CSS（无效时为红色边框，有效时为绿色），但我仍然无法显示无效控件的 ValidationMessages。有什么建议么？

我正在尝试更改必填字段的错误消息，截至目前它显示所有字段的常见错误消息。

但我想为每个领域提供不同的信息。

我尝试过本地化，但无法为每个字段设置配置。下面的一个为所有字段设置相同的消息。

您能否建议一种在 AD B2C 自定义策略中处理这种情况的方法？

或者我可以在自定义 HTML 模板中使用 jQuery 做什么来更改错误消息？

我目前正在 Wordpress 上使用 WooCommerce 开发一个电子商务网站。每当我登录一个不存在的用户名和密码时，都没有提示用户名或密码不正确的警告消息。我希望它看起来像这样。

登录页面中目标查找错误消息的图像

我希望你能帮助我。谢谢

ASP.NET Core 6 MVC

我在显示模型的验证消息时遇到问题。

在下面的代码中， asp-validation-summary="All" 正确显示所有消息，而 asp-validation-summary="ModelOnly" 不显示任何内容。我在呈现的 HTML 代码中注意到的一个问题是 span class="field-validation-valid" 的类名，而它应该是 class="field-validation-error"。我不明白为什么，以前有人遇到过这个问题吗？

呈现的 HTML

}

在我的 .Net 核心应用程序中，我设置了 Fluent 验证和一个具有基本验证的类。当我检查每个元素时，我看到这些验证消息被提取到生成的 HTML 中。我不明白为什么错误消息没有显示在相应的字段下方。

验证消息被提取到 data-val-required 等，但不显示为错误

检查模型状态的控制器

.cshtml 文件，使用标签助手生成 UI