首页 > 解决方案 > 如何将 best_in_place gem 与 Bootstrap Form 控件一起使用?

问题描述

我想将 best_in_place gem 与 Bootstrap 的表单控件一起使用。我似乎无法将两者结合起来。

我最好的地方片段

<div class="form-control" >
   <dt><%= best_in_place @user, :email, :as => :textarea %></dt>
</div>

我的引导程序片段

<form>
   <div class="form-group">
     <label for="exampleFormControlInput1">Email address</label>
     <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
    </div>
</form>

https://getbootstrap.com/docs/4.0/components/forms/

在此处输入图像描述

https://github.com/bernat/best_in_place

在此处输入图像描述

任何想法如何做到这一点?

这适用于验证

<form>
  <div class="form-group">
   <input type="email" class="form-control" >
  </div>
</form>

但是使用 best_in_place,引导验证不起作用。

</form>
 <div class="form-control" input type="email" >
  <%= best_in_place @user, :email, :as => :input %>
 </div>
</form>

标签: htmltwitter-bootstrapbest-in-place

解决方案


我最终使用了这段代码

</form>
 <div class="form-control" input type="email" >
  <%= best_in_place @user, :email, :as => :input %>
 </div>
</form>

但是使用另一种方法(gem 'validates_email_format_of')来验证输入,无法同时工作。


推荐阅读