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

问题描述

认情况下,ASP.NET Core 中的输入验证使用类 input-validation-error,但引导程序 5 使用 is-invalid

我为此找到了一些解决方案:

  • 创建样式
  • 使用 jQuery.validate.unobtrusive 并通过设置 validClasserrorClass 来配置认值

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

解决方法

BS5 仅使用 .is-valid.is-invalid 类作为服务器端验证的后备......即,服务器端设置该类。 BS5 JS 使用 :valid:invalid 伪类。

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

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

如果您想创建自己的 CSS,例如.input-validation-error 您可以使用 form-validation-state mixin,以及 $form-validation-states 映射的变体。 SCSS 在这里:https://github.com/twbs/bootstrap/blob/main/scss/mixins/_forms.scss