使用rails-bootstrap-forms的Devise自定义问题 [英] Devise Customization issue with rails-bootstrap-forms

问题描述

我正在使用 rails-bootstrap-forms gem与devise。
我以前的 devise / registrations / new.html.erb 代码是

 < h2>注册< / h2> 
 
<％= form_for（资源，as：resource_name，url：registration_path（resource_name））do | f | ％GT; 
<％= devise_error_messages！ ％GT; 
 
< div class =field> 
<％= f.label：email％>< br /> 
<％= f.email_field：email，autofocus：true％> 
< / div> 
 
< div class =field> 
<％= f.label：password％> 
<％if @validatable％> 
< em>（<％= @minimum_password_length％>字符最小）< / em> 
<％end％>< br /> 
<％= f.password_field：password，autocomplete：off％> 
< / div> 
 
< div class =field> 
<％= f.label：password_confirmation％>< br /> 
<％= f.password_field：password_confirmation，autocomplete：off％> 
< / div> 
 
< div class =actions> 
<％= f.submit注册％> 
< / div> 
<％end％> 
 
<％= renderdevise / shared / links％> 
  

生成HTML

 code>< h2>注册< / h2> 
 
< form accept-charset =UTF-8action =/ usersclass =new_userid =new_usermethod =post>< div style = ：none>< input name =utf8type =hiddenvalue =&＃x2713; />< input name =authenticity_tokentype =hiddenvalue =9KUX1yFTJ2VKU7zcHVrxr9I9WabU4rHmzHLGL8g9UgY =/>< / div> 
 
 
< div>< label for =user_email>电子邮件< / label>< br /> 
< input autofocus =autofocusid =user_emailname =user [email]type =emailvalue =/>< / div> 
 
< div>< label for =user_password>密码< / label> < i>（最少8个字符）< / i>< br /> 
< input autocomplete =offid =user_passwordname =user [password]type =password/>< / div> 
 
< div>< label for =user_password_confirmation>密码确认< / label>< br /> 
< input autocomplete =offid =user_password_confirmationname =user [password_confirmation]type =password/>< / div> 
 
< div>< input name =committype =submitvalue =注册/>< / div> 
< / form> 
< a href =/ users / sign_in>登录< / a>< br /> 
  

但现在我已经编辑了这个代码来处理gem rails-bootstrap-表单
我的新代码是

 code>< div class =col-md-4> 
 
< / div> 
 
< div class =col-md-4> 
 
< h2>注册< / h2> 
 
<％= bootstrap_form_for（resource，as：resource_name，url：registration_path（resource_name））do | f | ％GT; 
<％= devise_error_messages！ ％GT; 
 
 
<％= f.email_field：email，autofocus：true％> 
 
 
 
<％= f.label：password do％> 
<％if @validatable％> 
< em>（<％= @minimum_password_length％>字符最小）< / em> 
<％end％> 
<％end％> 
<％= f.password_field：password，autocomplete：off％> 
 
 
<％= f.password_field：password_confirmation，autocomplete：off％> 
 
 
< div class =actions> 
<％= f.submit注册％> 
< / div> 
<％end％> 
 
<％= renderdevise / shared / links％> 
 
< / div> 
 
< div class =col-md-4> 
< / div> 
< / div> 
  

HTML视图是： -

 < div class =row> 
 
< div class =col-md-4> 
 
< / div> 
 
< div class =col-md-4> 
 
< h2>注册< / h2> 
 
< form accept-charset =UTF-8action =/ usersclass =new_userid =new_usermethod =postrole =form> div style =display：none>< input name =utf8type =hiddenvalue =&＃x2713; />< input name =authenticity_tokentype =hiddenvalue =opOcH7N0F5S + HQYAD / xqRaqoEOctuElUNBm8BsD / bTM =/>< / div> 
 
 
 
< div class =form-group>< label class =control-labelfor =user_email>电子邮件< / label> < input autofocus =autofocusclass =form-controlid =user_emailname =user [email]type =emailvalue =/>< / div> 
 
 
 
< label for =user_password> 
< em>（最多8个字符）< / em> 
< / label> < div class =form-group>< label class =control-labelfor =user_password> Password< / label>< input autocomplete =offclass =form-controlid =user_passwordname =user [password]type =password/>< / div> 
 
 
< div class =form-group>< label class =control-labelfor =user_password_confirmation>密码确认< / label><输入autocomplete =offclass =form-controlid =user_password_confirmationname =user [password_confirmation]type =password/>< / div> 
 
 
< div class =actions> 
< input class =btn btn-defaultname =committype =submitvalue =注册/> 
< / div> 
< / form> 
< a href =/ users / sign_in>登录< / a>< br /> 
 
 
 
 
 
 
 
< / div> 
 
< div class =col-md-4> 
< / div> 
< / div> 
  

我的问题是如何在标签：密码。
以上行打印在标签密码的下一行我想用标签密码打印

我希望HTML输出为

 密码（最少8个字符）
  

但是显示

 密码
（最少8个字符）
  

解决方案

这是你的代码

 <％= f.label：password do％> 
<％if @validatable％> 
< em>（<％= @minimum_password_length％>字符最小）< / em> 
<％end％> 
<％end％> 
 
<％= f.password_field：password，autocomplete：off％> 
  

f.password_field 生成标签标签一个密码字段，所以您的代码将生成2个标签标签和一个密码字段。

将以上代码替换为此

 <％label = @validatable？ 密码< em>（＃{@ minimum_password_length}个字符最小）< / em>。html_safe：密码％> 
<％= f.password_field：password，autocomplete：off，label：label％> 
  

这将生成一个标签标签和一个输入字段作为原始代码。

有关详细信息，请参阅标签部分。

I am using rails-bootstrap-forms gem with devise. My previous devise/registrations/new.html.erb code was

    <h2>Sign up</h2>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
  <%= devise_error_messages! %>

  <div class="field">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true %>
  </div>

  <div class="field">
    <%= f.label :password %>
    <% if @validatable %>
    <em>(<%= @minimum_password_length %> characters minimum)</em>
    <% end %><br />
    <%= f.password_field :password, autocomplete: "off" %>
  </div>

  <div class="field">
    <%= f.label :password_confirmation %><br />
    <%= f.password_field :password_confirmation, autocomplete: "off" %>
  </div>

  <div class="actions">
    <%= f.submit "Sign up" %>
  </div>
<% end %>

<%= render "devise/shared/links" %>

Generating HTML

<h2>Sign up</h2>

<form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post"><div style="display:none"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="9KUX1yFTJ2VKU7zcHVrxr9I9WabU4rHmzHLGL8g9UgY=" /></div>


  <div><label for="user_email">Email</label><br />
  <input autofocus="autofocus" id="user_email" name="user[email]" type="email" value="" /></div>

  <div><label for="user_password">Password</label> <i>(8 characters minimum)</i><br />
    <input autocomplete="off" id="user_password" name="user[password]" type="password" /></div>

  <div><label for="user_password_confirmation">Password confirmation</label><br />
    <input autocomplete="off" id="user_password_confirmation" name="user[password_confirmation]" type="password" /></div>

  <div><input name="commit" type="submit" value="Sign up" /></div>
</form>
  <a href="/users/sign_in">Log in</a><br />

but now I have edited this code to work with gem rails-bootstrap-forms My new code is

<div class="col-md-4">

</div>

  <div class="col-md-4">

        <h2>Sign up</h2>

        <%= bootstrap_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
          <%= devise_error_messages! %>


            <%= f.email_field :email, autofocus: true %>     



            <%= f.label :password do %>
            <% if @validatable %>
            <em>(<%= @minimum_password_length %> characters minimum)</em>
            <% end %>
           <% end %>
            <%= f.password_field :password, autocomplete: "off" %>


            <%= f.password_field :password_confirmation, autocomplete: "off" %>


          <div class="actions">
            <%= f.submit "Sign up" %>
          </div>
        <% end %>

        <%= render "devise/shared/links" %>

    </div> 

  <div class="col-md-4">
  </div>
</div>

HTML view is:-

<div class="row">

<div class="col-md-4">

</div>

  <div class="col-md-4">

        <h2>Sign up</h2>

        <form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post" role="form"><div style="display:none"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="opOcH7N0F5S+HQYAD/xqRaqoEOctuElUNBm8BsD/bTM=" /></div>



            <div class="form-group"><label class="control-label" for="user_email">Email</label><input autofocus="autofocus" class="form-control" id="user_email" name="user[email]" type="email" value="" /></div>     



            <label for="user_password">
            <em>(8 characters minimum)</em>
</label>            <div class="form-group"><label class="control-label" for="user_password">Password</label><input autocomplete="off" class="form-control" id="user_password" name="user[password]" type="password" /></div>


            <div class="form-group"><label class="control-label" for="user_password_confirmation">Password confirmation</label><input autocomplete="off" class="form-control" id="user_password_confirmation" name="user[password_confirmation]" type="password" /></div>


          <div class="actions">
            <input class="btn btn-default" name="commit" type="submit" value="Sign up" />
          </div>
</form>
          <a href="/users/sign_in">Log in</a><br />







    </div> 

  <div class="col-md-4">
</div>
</div>

My problem is how I can include the line printing (x characters minimum) in label: password. The above line is printed in next line of label password i want to print it with label password

I want HTML output as

Password (8 characters minimum)

But its showing

 Password
 (8 characters minimum)

解决方案

This is your code

<%= f.label :password do %>
  <% if @validatable %>
    <em>(<%= @minimum_password_length %> characters minimum)</em>
  <% end %>
<% end %>

<%= f.password_field :password, autocomplete: "off" %>

f.password_field generates a label tag and a password field so your code will generate 2 label tags and one password field.

Replace the above code with this

<% label = @validatable ? "Password <em>(#{@minimum_password_length} characters minimum)</em>".html_safe : "Password" %>
<%= f.password_field :password, autocomplete: "off", label: label %>

This will generate one label tag and one input field as your original code.

For more information, look at the Labels section.

这篇关于使用rails-bootstrap-forms的Devise自定义问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！