在外部输入时隐藏了简单的表单和Bootstrap错误?

时间:2019-02-07 02:21:26

标签: bootstrap-4 simple-form

我的表单错误与输入字段(confirmation_token)不相关,但是错误被隐藏了。

= simple_form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post, class: 'dark lg' }) do |f|
  = f.error_notification
  = f.full_error :confirmation_token

enter image description here

enter image description here

这是因为,在引导程序中,.invalid-feedback的css被隐藏了,除非包裹在其中之一中:

.was-validated .form-control:invalid ~ .invalid-feedback, 
.was-validated .form-control:invalid ~ .invalid-tooltip, 
.form-control.is-invalid ~ .invalid-feedback, 
.form-control.is-invalid ~ .invalid-tooltip {
    display: block;
}

应该在此处集成简单表单,但是不幸的是,这是失败的。它使用了正确的Bootstrap类,但包装器并未随附。我可以解决。但是这不行吗?

0 个答案:

没有答案