- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在验证大型表单时,我尝试将单独的错误消息放置在单独的元素中。该表单分为 jQueryUI 选项卡,然后是折叠面板。
当选项卡的元素出现错误时,我想在选项卡的名称后面附加一个红色感叹号,如果错误出现在 Accordion 元素中,我也想在选项卡的名称后面附加红色感叹号 Accordion 元素的名称。
随后,当错误被纠正时,我想要那些红色!被删除(正如删除无效字段下方的错误消息一样。
所以:
标签1表2 Accordion 1 Accordion 2选项卡3
如果 Accordion 2 中的元素有错误,我想附加一个红色!到 Accordion2 和 Tab2:
标签1选项卡2! Accordion 1 Accordion 2!选项卡3
然后在元素成功验证后删除。我一直在尝试,但我不知道如何有条件地更改 errorElement (标签不适用于选项卡和 Accordion ,但对于实际元素来说是完美的)...
希望这是有道理的,感谢您提供的任何意见。
最佳答案
您应该尝试使用 errorcontainer 选项
$("#myform").validate({
errorContainer: "#Accordion2"
})
<小时/>
已编辑
$("#myform").validate({
showErrors: function(errorMap, errorList) {
//error define where the errors in the ErrorList Go
//you could also try
this.errorContainer = "element1id, element2id"
}
})
<小时/>
已编辑2
注意:我没有测试此代码。只是为您提供想法。
$("#myform").validate({
errorPlacement: function(error, element) {
error.appendTo( element.closest('.tab'));
}
})
关于两个不同元素内的 jQuery 验证插件 ErrorPlacement,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2958689/
感觉这个问题以前曾被问过,但似乎没有任何问题可以解决我的问题,所以提前道歉。 因为我使用的是 ASP.NET 并且无法预测我想要验证的控件的名称,所以我设置了 jquery 验证规则,如下所示: jQ
我有一个复选框,后面有一个文本,例如; [复选框]我同意 如果提交时未单击复选框,则当前显示错误消息的方式是(我使用 errorElement:"div"); [复选框] 此字段为必填字段。 我同意*
我有一组具有相同名称的复选框。他们都有不同的值(value)观。它们只是表格的一部分。它们并不构成整个表格。我希望复选框在该组的最后一个复选框之后显示其错误。 在 jQuery 中可以做这样的事情吗?
我使用 jQuery 验证插件来验证我的表单。我的问题是复选框错误消息的位置。请看这张图片: 这是与复选框+ jQuery 验证相关的 html 部分: What are your favour
一旦字段得到验证,我就很难从 errorPlacement 指定的区域中删除错误。非常感谢任何帮助! $('document').ready(function(){ $('form').validat
这是我的代码 http://jqueryvalidation.org/documentation/ var validator = $("#loginForm").validate({ err
在验证大型表单时,我尝试将单独的错误消息放置在单独的元素中。该表单分为 jQueryUI 选项卡,然后是折叠面板。 当选项卡的元素出现错误时,我想在选项卡的名称后面附加一个红色感叹号,如果错误出现在
我使用 jquery 验证插件。但是,errorPlacement 函数不会被执行。如果发生验证错误,则不会发生控制台日志记录。该怎么办?我使用jquery 1.10.3,我也尝试过1.9.0。 $(
我很难让错误放置发挥作用。我的页面上有一系列表单,每个表单都使用内置的验证类——required、number 等——但由于某种原因,错误放置不起作用。完全没有。 表单验证的其余部分工作正常,但我没有
希望你能帮帮我!一旦用户纠正了他们的错误,我就无法消除错误。例如,验证电子邮件字段。每个字符按下都会根据需要多次附加错误,直到它被验证为止。这是一个片段: $( "#bookings" ).valid
我正在使用 Jquery 验证插件来验证表单。当验证一个元素对齐的表单时不正确。 如果您看到图像,因为城市字段 icon + 按钮在验证表单时对齐不正确。因为标签错误验证显示在输入元素和 icon +
我的验证插件 ( See this Fiddle ) 的 Ajax errorPlacement 有问题。 ErrorPlacement 与 position:absolute 相结合迫使我的 aja
我正在使用 jquery 验证器。 我已将自定义规则应用于表单中的一组元素。这些输入也可能有其他(标准)规则与之相关。如果元素未通过我的自定义规则,我需要将错误消息放在一个地方,但如果元素未通过标准规
我想仅为某些字段自定义 errorPlacement ,而其余字段则遵循插件的默认位置。像这样的东西: errorPlacement : function(error, element) {
我正在用 Bootstrap 中的工具提示替换默认错误,覆盖 errorPlacement 方法。但是,当需要项目并且还具有任何其他类型的验证时,所需的内容将取代任何其他错误。 我想知道我是否在验证中
我正在使用JQuery Validation Plugin 。 我想知道是否可以将错误放在正在验证的 FORM 元素之外。我想将所有错误标签放置在 DOM 的底部并将它们更改为绝对位置。我尝试过这样的
我正在尝试使用 jQuery Validation DOCS 中的“errorPlacement”,如下所示: $("#myform").validate({ errorPlacement:
覆盖 ErrorPlacement 的正确方法是什么?函数位于 jquery.validate.unobtrusive ? 查看 jquery.validate.unobtrusive.js 脚本,开
我正在使用 jquery 和 validate 来验证我的表单。我不是向缺少的字段添加元素,而是向元素添加边框使用此选项 errorPlacement $("#signup-form").valida
这个问题在这里已经有了答案: select2 and jquery validation not working properly (3 个答案) How to make select2 work
我是一名优秀的程序员,十分优秀!