从“onblur”事件中排除表单按钮,JavaScript
Exclude form button from 'onblur' event, JavaScript
我有一个表单,对大多数输入字段使用onblur
,如下所示:
<form>
<input name="..." id="..." onblur="myFunction(name)" />
<button id="..." onclick="submit()">Submit</button>
</form>
表单通过onblur
事件实时验证某些字段(即用户名、电子邮件),但当用户单击提交按钮时也会进行相同的检查。
目前,当用户单击提交按钮时,首先触发onblur
事件,然后触发按钮中的onclick
事件 - 因此运行两次检查并浪费几秒钟。
有没有办法覆盖onblur
方法来排除用户按下提交按钮时发生的模糊?
我在myFunction()
中考虑一个简单的if(/*button is clicked*/){}
,但我不知道如何检查按钮点击。而且,根据当前的性能,似乎直到模糊之后才注册按钮单击。
提前谢谢。
你可以
这样做:
.HTML
<form>
<input type="text" name="name" id="id" />
<input type="submit" />
</form>
jQuery
$(document).on('blur', 'input:not([type="submit"])', function(e) {
var key = e.keyCode; // the key pressed
var elem = e.target; // the element blurred
myFunction(name);
});
$(document).on('click', 'input[type="submit"]', function() {
submit();
});
相关文章:
- 单击禁用表单按钮,然后提交表单
- 如何将POST表单按钮转换为链接
- 按下iframe内部的Youtube订阅表单按钮
- 表单按钮在同一窗口中打开新的URL
- 按下Youtube订阅表单按钮
- 表单按钮上的页面转换
- 禁用表单按钮,除非已填写所有文本输入字段
- 如何查看从 javascript 中的表单按钮提交调用的 php 文件中的回显
- 从“onblur”事件中排除表单按钮,JavaScript
- 触摸启动时显示为灰色的表单按钮
- 如何在表单按钮中使用JavaScript函数
- HTML5表单按钮提交不起作用
- 刮擦:找不到表单按钮
- 保留未保存的表单:按钮提交事件将重置“Changed_Form”状态
- 无法阻止追加在 Jquery UI 对话框上的表单按钮的缺省操作
- iframe 中的表单按钮,单击后,在父窗口中加载
- 在表单按钮css中的文本旁边添加图像
- 使用JavaScript提交特定的表单按钮
- 提交表单按钮在ajax发布后卡住
- 使表单按钮在单击后消失(游戏)