js验证时onblur与form的submit冲突问题(IE6/IE8)

最新推荐文章于 2021-08-15 11:14:02 发布
最新推荐文章于 2021-08-15 11:14:02 发布
阅读量559 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhanweichun/article/details/83763301
版权

前几天做项目发现一个很奇怪的问题,页面有一个输入框<input name="test" οnblur="check()"/> 接下来有个提交按钮 <input name="Submit2322" type="button"  οnclick="submitForm()" value="確定 完成修改"/> 当我在test框输入内容后,马上点击提交.在IE6中不会触发onblur事件,而在IE7、8中可以触发.

最后的解决办法是在提交按钮上加一个οnmοuseοver="check()" 事件即可解决冲突问题.

full-stack-coder
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery表单校验
12-11
jquery表单前台校验，但是不兼容IE8，自己另寻解决办法
输入框blur和提交按钮事件冲突处理
IT小小酥的博客
07-23 1366
表单提交页面通常都需要做前端验证，有时不仅在提交按钮时需要验证一下表单内的内容，输入框失去焦点时也需要做验证处理。但是这样有一个bug，那就是人们可以输完后直接点击提交按钮，这样便会造成二次验证。 问题就是上面的描述，处理方法也是从网上找到的，不过忘记出处了。 处理的方法是利用timeout来解决，示例代码如下所示： /* 点击按钮时不触发input的blur事件 */ ...
输入失焦和提交按钮冲突的时候 -- --移动端网页
我不信走不到天明
08-15 241
在开发移动端网页的时候遇到了一个问题，输入框还未失焦，输入校验的值改变的时候，会先触发了@change绑定的方法，这个时候对按钮@click方法会有卡壳。 研究了一些方法，最后发现可以使用自带的@touchstart方法规避这一类问题 ...
兼容IE8以下浏览器input表单属性placeholder不能智能提示功能
weixin_30300523的博客
08-25 141
当前很多表单提示使用了表单属性placeholder，可这属性不兼容IE8以下的浏览器，我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.match(/7./i)=="7." |...
ie7，6下 blur事件问题
shikun520的专栏
09-27 140
因为我在css中加入了 input{outline:none;blr:expression(this.onFocus=this.blur());-moz-outline-style: none; 这样得到焦点后马上就失去焦点，删除这个就好了
js在客户端验证密码强度，兼容FireFox和IE
10-30
这个过程可以通过JavaScript实现，以确保用户输入的密码符合一定的复杂度标准，同时兼容不同的浏览器，例如Firefox和IE。本文将深入探讨如何使用JavaScript编写一个兼容Firefox和IE的密码强度验证函数。 首先，我们...
JS 密码强度验证(兼容IE,火狐,谷歌)
12-12
这个示例展示了如何使用JavaScript实现一个密码强度验证功能，并且兼容Internet Explorer（IE）、Firefox和Chrome等主流浏览器。这个功能允许用户在输入密码时实时检查密码的强度，并给出相应的提示。 首先，我们来...
onclick和onblur冲突问题的快速解决方法
09-02
冲突问题在于，当我们尝试在下拉框中的选项上点击以更新搜索框内容并关闭下拉框时，`onclick` 需要先执行，然后 `onblur` 才能使下拉框消失。然而，由于 `onblur` 的优先级较高，它往往会在 `onclick` 之前触发，...
ie6 7 8兼容html5属性placeholder
11-27
然而，在IE6、7、8中，我们需要使用JavaScript或者特定的库来模拟这个效果。 一种常见的解决方案是使用jQuery的插件，如`jquery.placeholder.js`。首先，确保引入jQuery库和该插件： ```html <script src="https:/...
基于javascript的Form表单验证
10-20
本文将深入探讨如何使用JavaScript进行基于Form表单的验证。表单验证是确保用户输入数据有效性和完整性的关键步骤，可以防止无效数据提交到服务器，从而提高用户体验并减少服务器处理错误数据的压力。 首先，我们来...
javascript整个表单统一验证通用函数_改进版 (IE6/IE7/IE8/FF下测试通过)
ch_yangqin的专栏
12-29 1691
<br />经常做表单验证，想写一个通用函数验证整个表单的所有元素。<br />经过搜索，终于在网上找到一篇JS通用表单验证函数，依法施之，IE6下有效，但FF下不兼容，于是加以改进，终于在IE6/IE7/IE8/FF下测试通过。<br /><br />两个文件，第一个check.js，代码如下：<br />////////////////////////////////////////////////////////////////////////////////<br />/*<br />*------
jquery.validate在IE8下，点击提交不进行验证的解决方案
mm9mm8的专栏
04-07 2961
jQuery.validate版本：jQuery Validation Plugin v1.13.1 jQuery版本：jQuery v1.11.2 在IE8下点击提交，任何情况都会验证成功，但是在keyup,blur时验证正常。 debug过程中发现提交的时候有这样一段代码： 这段代码的意思是为了使验证框架支持html5的“formvalidate”属性，如果提交的按钮有（“f
jquery-validate submit提交后进行onblur
01-02 97
$(document).ready(function() { //聚焦第一个输入框 $("#第一个输入框的ID").focus(); // 输入验证 $("#addForm").validate({ onblur:true, onfocusout:true, rules : { mediaGroupName:{ required: true, }, fileName:{ r
解决IE6 页面失去焦点的判断问题
11-15 161
window.onblur和window.onfocus事件，在FireFox、Opera、Chrome、Safari下就非常正确，但在IE就根本不正常。FireFox、Opera、Chrome、Safari下用window.onblur()一句语句就很好地解决了问题，很容易理解也运行地很好。IE在页面没有别的输入元素时也跟其它浏览器一样很正常，但页面有多个输入元素的复杂情况下就死活都不正常。太鄙...
关于表单下的onclick、onsubmit、submit执行顺序
sunny_345的博客
06-05 1097
要求输入框内容为空时不提交表单，这个是普遍需求吧。 结构： <div id="divForm"> <form id="searchForm" name="searchForm" action="RecordForm" method="post"> <input id="search_text" name="search_text" placeholde...
Vue中的@blur事件
热门推荐
郭宝的博客
07-01 8万+
@blur 是什么？ @blur 是当元素失去焦点时所触发的事件 @blur 怎么使用？ <template> <div> ============================61、@blur 事件的使用========================= <!-- @blur 当元素失去焦点...
表单：提交验证，及blur事件验证
weixin_30886233的博客
12-19 437
表单：提交验证，及blur事件验证 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jque...
JavaScript事件
weixin_30273931的博客
09-13 171
JavaScript 事件 JavaScript事件 事件是可以被JavaScript侦测到的行为。 HTML事件是发生在HTML元素上的事情。 当在HTML页面中使用JavaScript时，JavaScript可以出发这些事件。 HTML事件 HTML事件可以是浏览器行为，也可以是用户行为。 HTML网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值