问题描述
默认情况下,ASP.NET Core 中的输入验证使用类 input-validation-error
,但引导程序 5 使用 is-invalid
。
我为此找到了一些解决方案:
- 创建样式
- 使用 jQuery.validate.unobtrusive 并通过设置
validClass
和errorClass
来配置默认值
有没有办法配置系统来告诉它使用哪个类或者这是硬编码的?
解决方法
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