[英]Devise Customization issue with rails-bootstrap-forms
I am using rails-bootstrap-forms
gem with devise. 我正在使用
rails-bootstrap-forms
gem。 My previous devise/registrations/new.html.erb
code was 我以前的
devise/registrations/new.html.erb
代码是
<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 产生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="✓" /><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 但现在我已编辑此代码以与gem
rails-bootstrap-forms
我的新代码是
<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:- HTML视图是:-
<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="✓" /><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. 我的问题是如何在
label:
密码中包含行打印(最少x个字符)。 The above line is printed in next line of label password i want to print it with label password 上面的行打印在标签密码的下一行中,我想用标签密码打印
I want HTML output as 我想要HTML输出为
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. f.password_field
生成一个标签标记和一个密码字段,因此您的代码将生成2个标签标记和一个密码字段。
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 . 有关更多信息,请参见“标签”部分 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.