- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在验证 1.8 中,我在所有表单的输入元素上使用了 $.blur 函数,以便在用户退出时触发该字段的验证:
$('#myform :input').blur(function() {
$("#myform").validate().element( this );
});
效果很好。不过,我刚刚更新到 1.9,现在我的字段在 keyup 上验证,而不是模糊。
我没有对我的设置进行任何更改,只是切换到 1.9。
我看到有很多更改,但我没有看到其他文档。
如有任何帮助,我们将不胜感激。
澄清
之前,我的元素最初会在模糊时进行验证,但如果元素处于错误状态,则如果用户返回进行更改,该元素将主动在键盘上进行验证等。这是我想要的行为。在初始输入时,直到模糊才进行主动验证,但是一旦字段处于错误状态,该字段应该主动验证更改、按键等。
现在,该元素在初始输入时通过 keyup 进行验证
最佳答案
默认情况下,对于文本输入,jQuery Validate 在“blur”(onfocusout:
)、“keyup”(onkeyup:
) 和“提交”(onsubmit:
) 事件。
要使其仅验证“模糊”和“提交”字段,只需将 onkeyup:
选项设置为 false...
$(document).ready(function() {
$('#myform').validate({
onkeyup: false, // to use onkeyup, remove this line
// other rules and options
});
});
所有版本的工作原理都相同...
工作演示(v1.10):http://jsfiddle.net/M2MLL/
工作演示(v1.9):http://jsfiddle.net/KSgLb/
工作演示(v1.8):http://jsfiddle.net/k87Lp/
onfocusout
的默认行为是,只有在字段中留下某些内容之后(或之后),才会开始对字段进行验证。 em> 初始提交事件),否则只需将字段留空并单击新字段不会执行任何操作。
如果您希望每次都对“blur”进行验证,无论如何,只需修改 onfocusout:
的回调函数,如下所示...
$(document).ready(function() {
$('#myform').validate({
onfocusout: function(element, event) {
this.element(element);
},
onkeyup: false,
// other rules and options
});
});
工作演示(v1.9):http://jsfiddle.net/eRNTu/
版本 1.10 也可以运行:http://jsfiddle.net/Mev8v/
<小时/>顺便说一句:虽然我不会用 .blur()
这样做,但你的原始代码 was working fine with v1.9 and v1.10 。 但是,我相信利用插件的 onfocusout:
选项的内部功能是实现目标的更可靠的方法。
编辑2:
回应OP的最后澄清:
"That on initial entry, there is no active validation until on blur, but once a field is in an error state the field should actively validate on change, keyup, etc."
这是一个新的工作演示,它修改了 onkeyup 的默认回调函数:
onkeyup: function (element, event) {
if (event.which === 9 && this.elementValue(element) === '') {
return;
} else if (element.name in this.submitted ) {
this.element(element);
}
},
最初或没有显示错误时,该字段将忽略任何onkeyup
验证。仅当存在事件错误并且用户返回到该字段时,onkeyup
验证才会开始运行。
关于jQuery 验证插件 - $.blur 上的验证似乎在升级到 1.9 时发生了变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14537518/
谁能帮我解决这个问题?我有一个 Tomcat 和简单的 JSF 应用程序:https://github.com/gooamoko/jsfbilling/ .当我在 Tomcat 上运行应用程序时,它运
我有两个这样的域类,第一个是 Manager : package com.mnm class Manager { String name; static hasMany = [ pro
当我运行以下代码时,打印输出似乎不正确。 void thread_Calc(int *pos) { printf("recieved %d\n", *pos); sig = -1; man
这个问题在这里已经有了答案: How to access a local variable from a different function using pointers? (10 个答案) 关闭
我编写了一个程序,其中列表构建器方法返回 IEnumerable of string,其中包括大量字符串(100 万个项目),我将其存储在 List of string 中,然后它将所有项目附加到 中
我正在尝试编写一个 IRC 类型的聊天客户端,它具有可以连接到服务器的客户端。我试图让它在本地 atm 上工作(使用 FIFOS 而不是套接字)。 我遇到了以下我似乎无法解决的问题: 接受新的客户端连
我的一个 cronjobs 每天发送一封电子邮件 35 6 * * * cd $EZPUBLISHROOT && $PHP runcronjobs.php -q 2>&1 我停止使用 cron sud
我使用 WPF 打印路径来处理在我们的应用程序中创建的大型图表。整个图表由视觉效果组成。 所谓的“DesignerPaginator”对图表进行分页(非常简单)。 从这一点来说,我做了以下三件事: -
我尝试在更新之前跟踪系统应用程序并使用: public static boolean isSystemApplication(Context ctx, IContent content) {
我在这里附上了一个查询分析结果,https://explain.depesz.com/s/x9BN 这是查询 EXPLAIN ANALYZE SELECT branche
我正在做一个 CXF(spring) 项目 (HUB)。部署后,我可以看到肥皂和休息服务列表,我通过两个地址打开它。一种是使用本地主机,第二种是使用我电脑的 ip。所以我得到了这些输出。 使用本地主机
这是一个 AnyHashable 不支持枚举转换的简单案例。 enum testEnum: String { case Test } let myObject: AnyHashable = t
我的主要目标是比较存储在数据库和 XLSX 文件中的数据。 为此,我按以下方式创建了两个列表: private class ProductList { public string produc
我从 CMake 3.6 更新到任何最新版本 (3.12.0-rc2),现在我的一个程序无法编译。 奇怪的是,错误消息显示了标准库本身中的 undefined symbol 。这是错误消息: Unde
我希望将我的自定义对话框动画化为从特定点出现,但我无法为对话框设置动画。 该对话框是一个基本的 RelativeLayout,设置为 extends Dialog 类中的布局。 正如这里的一些答案所建
我已经在这个论坛上调查过很多类似的问题,但似乎没有一个能解决我的问题。 我会在底部列出我在这个论坛上看到的一些问题页面,但让我先谈谈我对这个问题的看法。 我正在使用 codeigniter v 2.x
我正在尝试在 RHEL 7 上启动一个 docker-compose 项目作为 systemd 服务。这是我的 systemd 脚本 (/etc/systemd/system/wp.service):
这个问题已经有答案了: "Notice: Undefined variable", "Notice: Undefined index", "Warning: Undefined array key",
我正在尝试在 RHEL 7 上启动一个 docker-compose 项目作为 systemd 服务。这是我的 systemd 脚本 (/etc/systemd/system/wp.service):
此问题出现在my last question here之后。我想将每个按钮聚焦和失去焦点背景设置为主菜单(ContentPane 即 JPanel)下方的背景颜色,因此按钮看起来像选项卡。它在不同的环
我是一名优秀的程序员,十分优秀!