Blazor 表单验证 Bootstrap 集成

Question

我对 Razor 有一些开发经验，并决定尝试 Blazor。

我遇到了一个已经很熟悉的问题 - 将验证与 Bootstrap 集成：Blazor 验证结果类与 Bootstrap 的不匹配。

在 Razor 中，我可以通过将以下代码添加到 _ValidationScriptsPartial.cshtml 文件来覆盖生成的类名：

const settings = {
    valid: 'is-valid',
    invalid: 'is-invalid'
    /* other classes go here */
}
$.validator.setDefaults(settings)
$.validator.unobtrusive.options = settings

我试图找到解决方案，但我发现的只是复制 Bootstrap 样式和替换类名 (something like this)。

是否有更好的方法来做到这一点，或者我是否必须复制所有 Bootstrap 验证样式才能将其与 Blazor 集成。我想避免这种情况，因为在更新 Bootstrap 时，我将不得不再次执行相同的过程。

当您记得默认 Blazor 应用程序模板已预先配置为与 Bootstrap 一起使用时，这个问题似乎更加陌生。

Answer 1

刚刚在文档中遇到this 部分。 它适用于 is-valid 和 is-invalid 类。

我还发现了that 的精彩文章，关于如何在 25-30 行代码中实现自定义ValidationMessage。