我目前有2个问题。我买了一个模板并试图将它集成到一个 Rails 应用程序中。
第一个问题：
我在使用 jquery 工具表单验证时遇到问题。验证不起作用。当您单击提交按钮时，它只显示验证消息应位于的输入值。此外，即使填写了必填字段，它仍然不允许我提交表单。
如果您转到此链接 - ，您可以尝试编辑数据以查看验证错误。
第二个问题：
如果您转到此链接 - ，您可以看到头像和“编辑信息”按钮悬在灰色背景中。我怎样才能让那个灰色背景完全封装头像图标？
问问题
1073 次
4 回答
5
问题仅在您的验证脚本中。，
请参考以下位置：
看到它在行动http://jsbin.com/uwuqul/1/edit
我对你的编码做了三处更改，它们是，
(1)。我已更改验证器脚本
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js" type="text/javascript"></script>
(2)。对于电子邮件验证，我们需要更改电子邮件字段中的类型，例如
<input id="demo_email" name="demo_email" required="required" size="30" type="text" value="" novalidate/>
（到）
<input id="demo_email" name="demo_email" required="required" size="30" type="email" value="" novalidate/>
(3)。在验证器脚本中添加样式
jQuery(".edit_profile_form").validator({
position: 'top',
offset: [25, 10],
messageClass:'form-error',
message: '<div style="width:270px;"><em/></div>' // em element is the arrow
}).attr('novalidate', 'novalidate');
我认为这可以帮助您解决问题。
于 2012-12-06T12:12:33.483 回答
2
对于问题 #2，您的标题有 css 问题：
.main-content > header {
height: 16px;
}
摆脱那个高度，容器将增长以适应其中的元素
于 2012-11-29T18:29:46.563 回答
1
关于第一个问题，jQuery 工具验证器吓坏了，你的 jqt 版本正在1.2.6考虑升级它1.2.7并全部设置好。
于 2012-12-04T21:23:29.547 回答