如何配置验证以对无效输入使用“is-invalid”类

Question

默认情况下，ASP.NET Core 中的输入验证使用类

input-validation-error

，但 Bootstrap 5 使用

is-invalid

。

我找到了一些解决方案：

• 创建样式
• 使用 jQuery.validate.unobtrusive 并通过设置

  validClass

  和

  errorClass

配置默认值

有没有办法配置系统来告诉它使用哪个类，或者这是硬编码的？

Answer 1

Bootstrap 5 仅使用

.is-valid

和

.is-invalid

类作为服务器端验证的后备……即服务器端设置该类。 Bootstrap JS 使用

:valid

和

:invalid

伪类。

不确定您是在寻找服务器端还是客户端——无论哪种方式，请在此处阅读验证的工作原理：https://getbootstrap.com/docs/5.0/forms/validation/

还可以在此处阅读有关迁移的内容：https://getbootstrap.com/docs/5.0/migration/#utilities-1

如果您想创建自己的 CSS，例如a

.input-validation-error

您可以使用

form-validation-state

mixin 以及

$form-validation-states

贴图的变体。 SCSS 在这里：https://github.com/twbs/bootstrap/blob/main/scss/mixins/_forms.scss