个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我觉得问这样一个微不足道的问题很愚蠢，但是，哦，好吧，这已经困扰我一段时间了。我有一个样式正确的表单。当用户提交时，如果有错误，表单会重新渲染，但这次有错误的字段只是在<div class="field_with_errors">之间。
知道问题是这会在文本之后创建一个额外的空间，注意 Contrasena 之后的额外空间。我怎样才能摆脱这个空间？
<div class="field_with_errors"><input id="user_email" name="user[email]" size="30" type="text" value=""></div>>
这是一个完整的 HTML 示例，以便您可以准确地理解我在说什么:
<html><head>
<title>foo</title>
</head>
<body>
<header>
</header>
<section class="container">
<div class="formbox">
<h1>Registrarse</h1>
<form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="nP/JKdZYGviu1y/+nyxyvKBUHuJzsAbkZRQgX87UIy8="></div>
<!-- = render 'shared/error_messages', :object => f.object -->
<div class="text">
<label for="user_email">Email</label>
<br>
<div class="field_with_errors"><input id="user_email" name="user[email]" size="30" type="text" value=""></div>
</div>
<div class="text">
<div class="field_with_errors"><label for="user_password">Contrasena</label></div>
<br>
<div class="field_with_errors"><input id="user_password" name="user[password]" size="30" type="password" value=""></div>
</div>
<div class="text">
<label for="user_password_confirmation">Confirmacion</label>
<br>
<input id="user_password_confirmation" name="user[password_confirmation]" size="30" type="password" value="">
</div>
<div class="actions">
<input class="button_green" id="user_submit" name="commit" type="submit" value="Registrarse">
</div>
</form>
</div>
</section>
<footer>
</footer>
</body></html>
最佳答案
试试这个:删除 <br />来自正在输出和样式的 HTML 的标签 field_with_errors像这样:
.field_with_errors {
display: block;
clear: both;
}
关于html - field_with_errors 的 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4100194/
25
4
0
我正在使用 sorcery用于身份验证以及 twitter bootstrap . 我想通过更改默认 rails 以 twitter Bootstrap 的样式在我的注册表单上设置错误消息的样式被添
有没有办法告诉 Rails 不要创建 div.field_with_errors围绕标签和实际字段，但要创建 div.error围绕他们两个？ 例如。从我的 View 中摘录的表单(用 HAML 编写
我觉得问这样一个微不足道的问题很愚蠢，但是，哦，好吧，这已经困扰我一段时间了。我有一个样式正确的表单。当用户提交时，如果有错误，表单会重新渲染，但这次有错误的字段只是在之间。 知道问题是这会在文本之后
我最近安装了 Devise，登录表单正常工作，显示错误等... 然而，注册表单的表现非常奇怪，即当显示错误时，它们出现在左侧，与应用程序的其余部分不成比例。这是一个屏幕截图来说明:http://i.i
哟!所以我遇到了一个问题，我已经缩小到这个范围。我正在使用自定义 Bootstrap checkbox .它工作正常。除了。当我在没有检查它的情况下单击提交并收到错误消息时，它不会让我单击复选框并尝试
我已经使用 bootstrap 3 的网格系统来设计一个简单的注册表单。但是，如果 Rails 中的验证失败，添加的类为“field_with_errors”的 div 会弄乱我的布局。 我的表单中的
我正在使用一些使用 :checked 样式的 CSS 表单元素，例如。 input:checked + label { background-color: green; } 相应的 HTML(
我在 Rails 应用程序中验证表单数据，包含类“field_with_errors”的 div 丢弃了我使用 Flexbox 设置样式的表单。 有没有办法让 Rails 将“field_with_e
所以，我的“用户”模型中有这个嵌套的“组织”模型。 用户模型是基于设计的模型，组织属于用户。 我为它创建了一个表单，一切正常。 即使是“devise_error_messages!”正确输出一切。 唯
当保存表单并且字段未通过验证时，我根本不希望修改标签。 我不介意用一个 div 和一个“field_with_errors”类来包装输入，但是我怎样才能阻止它包装标签呢？ 最佳答案 我无法在 Acti
在我的 custom.css.scss 文件中，我有: .field_with_errors { @extend .control-group; @extend .error; } 问题是对于
我正在使用 has_secure_password 来验证我的用户密码及其确认。我遇到的问题是，当出现任何错误时，字段不会被 field_with_errors div 包裹。我知道我可以添加 val
在我的 Rails 3 应用程序中，我删除了 我用它作为 jQuery 输入的占位符。如果我提交表单但出现错误，表单将重新加载并显示错误。但是，对于出现错误的字段，不会清除输入，因为 不再位于内包含输
好的。我想不通。问题是 @extend 在 css 中不起作用。我有 CSS: @import "bootstrap"; .field_with_errors { @extend .control
我一直在关注 Michael Hartl 的 Ruby on Rails 教程，以使用 Bootstrap 表单验证而不是内置的 RoR 样式。我的页面应该看起来像这样(通过检查器删除了样式): 相反
我想在发生错误时突出显示我的输入字段，我完全知道如何在 form_for(rails do it) 中做到这一点。我在谷歌上搜索它，它只是告诉我 field_error_proc 的事情，但似乎该功能
在 custom.css.scss 文件中 .field_with_errors { @extend .control-group; @extend .error; } 和 html.
我的 Product 类有 price 字段，它在数据库的 Products 表中有一个适当的列，并且 new_shop 帮助字段(定义为 attr_accessor，并且在数据库的 Products
我阅读并复制/粘贴了整个 Ruby on Rails 3 入门指南博客示例应用程序。我有一个正在运行的博客应用程序。我向 Post 模型添加了一些验证代码，如下所示: class Post { :m
我有一个 Publication 模型，它对某些字段进行了验证，例如标题。 我删除了我觉得烦人的错误消息，并设置了一个漂亮的 CSS，以便当输入被包围在 field_with_error div 中时
我是一名优秀的程序员,十分优秀！