- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我尝试并希望带来此演示中的成功消息(iam 使用 bootstrap2)
http://alittlecode.com/files/jQuery-Validate-Demo/index.html
但是,由于我使用 errorPlacement 函数将我的错误消息放置在
中 errorPlacement: function (error, element) {
$(element).closest('.control-group').find('.help-block').html(error.text());
},
和这样的 Html,
<div class="controls">
<input autocomplete="off" type="text" class="input" name="user_login" placeholder="User Name"/>
<span class="fillimg"> </span>
</div>
<span class="help-block"></span>
</div>
我的成功是这样的,
errorPlacement: function (error, element) {
$(element).closest('.control-group').find('.help-block').html(error.text());
},
highlight: function(element) {
$(element).closest('.control-group').removeClass('success').addClass('error');
},
success: function(element) {
$(element).closest('.control-group').find('.fillimg').addClass('valid');
$(element).closest('.control-group').removeClass('error').addClass('success');
}
和CSS
label.valid {
width: 16px;
height: 16px;
background: url('/assets/img/admin/valid.png') center center no-repeat;
display: inline-block;
text-indent: -9999px;
}
label.error {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}
当我删除 errorPlacement 功能时, success 内部的功能正在工作。但是,使用 errorPlacement 会阻止 success 函数将 success 类添加到 .control-group 中。请提出建议。
最佳答案
您混淆了回调函数。 我建议您read the documentation对于每个回调函数。
<小时/>errorPlacement
用于布局。当元素无效时,此回调函数会告诉在表单上的何处放置该元素。默认值是在被验证的元素之后。
success
用于控制元素有效时的label
。换句话说,默认情况下,元素有效时没有标签
,因此通过使用此回调,您可以生成一个标签。通常,人们会使用它在有效元素旁边放置一个图标,例如复选标记。
highlight
每当出现验证错误时就会触发,它用于切换默认错误和正在测试的元素上的有效类。
unhighlight
,它用于切换默认错误和正在测试的元素上的有效类。 它与 highlight
完全相反,并且应在安装 highlight
时安装。
您的大部分问题是您尝试使用 success
代替 unhighlight
回调函数。 success
函数的第二行绝对属于 unhighlight
内部。
highlight: function(element) {
$(element).closest('.control-group').removeClass('success').addClass('error');
},
unhighlight: function(element) {
$(element).closest('.control-group').removeClass('error').addClass('success');
},
success: function(element) {
$(element).closest('.control-group').find('.fillimg').addClass('valid');
},
errorPlacement: function (error, element) {
$(element).closest('.control-group').find('.help-block').html(error.text());
}
您创建的另一个潜在问题是插件不知道如何删除错误消息,因为您已手动从错误对象中提取文本并将其放置在您自己的元素中。使用成功
,如果您希望错误消息消失,则必须手动删除或隐藏此元素。
success: function(element) {
$(element).closest('.control-group').find('.fillimg').addClass('valid');
$(element).closest('.control-group').find('.help-block').html('');
// or maybe this
// $(element).closest('.control-group').find('.help-block').hide();
// but you'll need a ".show()" at the end of your line in "errorPlacement"
},
关于jquery - 将自定义错误放置与成功相结合不起作用 jquery 验证插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21699709/
我发现 hpc 真的很令人困惑,即使在阅读了一些解释并玩了很多之后。 我有一个图书馆 HML , 和两个测试套件 fileio-test和 types-test , 使用 HTF (我打算搬到 tas
创建可设计的 .NET 组件时,您需要提供默认构造函数。来自 IComponent文档: To be a component, a class must implement the IComponen
我想从 dnsmasq 收集和处理日志,我决定使用 ELK。 Dnsmasq 用作 DHCP 服务器和 DNS 解析器,因此它为这两种服务创建日志条目。 我的目标是向 Elasticsearch 发送
我定义了一个名为“folderwatcher”的类(可调用),它正在监视特定文件夹的任何更改。主要代码处于无限循环中,类似于: Monitor a Directory for Changes usin
我正在尝试重现 this plot : 它看起来像库格子中的 xyplot,但我找不到将马赛克图与 xyplot 组合的方法。 有人知道怎么做吗? 最佳答案 你只是在寻找内置于 vcd:::cotab
我遇到了提供字符串列表的情况。列表中的第一个条目是方法的名称。列表中的其余字符串是方法参数。我想使用任务来运行该方法(出于教育目的)。我在找出允许我将方法名称输入任务指令的正确过程时遇到问题。 对于这
为了处理非常大的集合(对于非常大,我的意思是“可能会抛出 OutOfMemory 异常”),使用 Hibernate 似乎有问题,因为通常集合检索是在一个 block 中完成的,即 List valu
我得到了一个包含超过 5000 万条记录的数据库表我需要尽快进行全文搜索。 在一个较小的表上,我只是在文本列上有一个索引,我使用相似性函数来获得相似的结果。我还能够根据 similarity() 的结
我有两个表details 和data 表。我已经加入了两个表并且交叉表功能已经完成。 我只想显示每个 serial 的最新数据。请参阅下面的当前和所需输出。 问题:如何在此交叉表查询中使用 DISTI
我在 Postgre (9.1.9) 中将串联与排序结合起来时遇到了麻烦。比方说,我有一个包含 3 个字段的表格边框: Table "borders" Column
我有一个组件,它使用辅助函数来获取日期列表,然后映射它们。在检索到的数据中,并不总是存在给定阶段的日期,因此我添加了逻辑,以便在该特定日期未定义时返回空字符串。 辅助函数获取属性 Phase =“阶段
我想尝试构建一段干净、漂亮的代码,我可以在其中实现您在下图中看到的结果。在 Firefox、Chrome 或 Safari 中可以,但在 IE 中不行。 我创建了一个 JSFiddle用代码。 基本上
我有一个导航菜单,其中的元素旋转 90 度。我想将其与悬停在导航项上时显示的下拉 block 结合起来,以保持项的动态行为。 动态导航面板的关键CSS代码在这里: .buttons-wrapper {
在 CSS 中,我可以像这样进行选择: input[type="number"], input[type="password"], input[type="text"], textarea, .but
假设我们已经为不同的平台(iOS/Android/Winfon( future ))实现了移动应用程序。所有应用程序都有一些共同的业务逻辑。 例如,计算器应用程序:用户输入两位数,我们的应用程序应该能
在我的 onCreate() 中,我设置了一个进度条,如下所示: getWindow().requestFeature(Window.FEATURE_PROGRESS); getWindow().se
我有一个遗留的 ASP.NET webforms 应用程序,用户通过在服务器端处理的表单登录。如果输入的用户名 + 密码与数据库中的凭据匹配,我会在 session 中设置一些值(例如,当前用户 ID
如何在 TastyPie 中组合多个资源?我有 3 个模型要合并:用户、个人资料和帖子。 理想情况下,我希望配置文件嵌套在用户中。我想从 UserPostResource 公开用户和所有个人资料位置。
假设使用assert() 检查对象函数的先决条件。那么,我该如何编写有意义的单元测试,以便在我将无效参数传递给函数时捕获前提条件失败? 我的意思是,assert() 将 abort(),那么在那之后我
我正在为开源客户端/服务器 4X 策略游戏 Thousand Parsec 构建 Qt 客户端.这是一个 Google Summer of Code 项目。然而,我陷入了死胡同。基本上,客户端通过促进
我是一名优秀的程序员,十分优秀!