先贴页面代码,非常简单的验证
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
function easyCheck(){
if($("#userName").val()==""){
$("#userName").focus();
$('#msg').html("用户名不能为空");
return false;
}
if($("#passWord").val()==""){
$("#passWord").focus();
$('#msg').html("密码不能为空");
return false;
}
window.location.href='http://www.iteye.com';
}
// 回车事件
if(document.addEventListener){
document.addEventListener("keypress",cdk, true);
}else{
document.attachEvent("onkeypress",cdk);
}
function cdk(event){
if(event.keyCode==13){
$('#bt_login').click();
//event.returnValue=false; 这是问题所在
}
}
</script>
</head>
<body>
<form action="" method="post" name="form1" id="form1">
<table>
<tr>
<td>用户名:</td>
<td><input type="text" name="userName" id="userName"></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="passWord" id="passWord"></td>
</tr>
<tr>
<td><input type="button" id="bt_login" value="登录" onClick="easyCheck();"><input id="bt_reset" type="reset" value="清空"></td>
</tr>
<tr>
<td align="center" colspan="2"><span id="msg" style="color:red"></span></td>
</tr>
</table>
</form>
</body>
</html>
我在这里加入了回车事件,中间我注释了一行代码,刚进入页面时没有获得任何焦点的情况下按回车键出现了如下一幕:
我发现focus位置很奇怪,我接着按回车,居然接着跳到下一个验证
除chrome以外其它浏览器都是正常的(我的chrome版本是11)
明明都返回false了,还接着进入下一个验证
但是如果一开始就获得了焦点,再按回车就是正常的
后来加了句event.returnValue=false就好了
- 大小: 2.5 KB
- 大小: 2.5 KB
分享到:
相关推荐
在chrome中安装了DHC插件以后,就可在服务器端代码初步完成的时候,使用DHC进行数据测试,以便更早地了解到程序的BUG和需求。DHC插件的使用方式也非常简单,只需要输入服务器端的地址,以及发送的方式和数据内容,就...
bugfree bugfree bugfree bugfree bugfree bugfree bugfree bugfree bugfree bugfree bugfree bugfree bugfree
之前已经实现的拦截ws消息源码因为电脑...4,在原先chrome67内核不变的情况下更新另一个内核chrome74。(内核已经加入getUserMedia功能且支持h.264)。5,修复浏览器设置样式无效的BUG。6,裁剪多余代码。@cht0504。
ASP.NET解决Menu控件在Chrome, Safari浏览器不正常的问题 bug后续修正
jQuery的$(document).ready()函数应该是在页面加载完毕后执行,但chrome对其不支持,网页一打开就开始执行,本代码修正了这个bug,并且给出了样例。
用户可 以在Omnibox中输入网站地址或搜索关键字,或者同时输入这两者,Chrome会自动执行用户希望的操作。Omnibox能够了解用户的偏好,例如, 如果一名用户喜欢使用PCWorld网站的搜索功能,一旦用户访问该站点,...
解决chrome下device:inspect出现空白页,替换文件就可以了
基于更强大的JavaScript V8引擎极强高效超快的浏览器,谷歌浏览器是一款可让您更快速、轻松且安全地使用网络的浏览器,它的设计超级简洁,使用起来更加方便,Google Chrome支持多标签浏览,每个标签页面都在独立的...
正确的问题与Wordpress管理菜单渲染在Chrome。 在Chrome 45中,默认启用Slimming Paint功能。 此功能导致Wordpress Admin菜单的呈现问题。 通过将一行CSS注入到Wordpress管理页面中来纠正显示问题,此扩展程序可以...
自己做的一个Bug统计图,大家相互参考,相互学习!
bugfree2.0是一款开源的bug管理工具,部署方便,只需下载xampp安装apche和mysql服务即可
BUG管理规范BUG管理规范BUG管理规范BUG管理规范BUG管理规范BUG管理规范BUG管理规范
针对3.0圣诞地图的BUG,就一分!只要一分!~BUG
说说为什么要弄这个东西 在chrome升级到最新后会有http 强制跳转到https的问题 这样如果是本地的环境是没有https的 这样就访问不了 包括postman接口调试都无法进行 这个bug也不知道什么时候官方能修复
对于信任我的朋友,我已经更新了里面的一些BUG。配置文件写在项目里面,这样就不会导致Tomcat无法生成配置文件的问题了。同时新增了一个Hashtable取值的方法。
Chrome 2012年2月开发版. 随着 Chrome 17.x 进入 stable 以及 18.x 开始 beta,19.x 从 Chromium 跳到 Chrome Dev 分支就理所当然了,19.0.1036.7 刚刚被推出,包含了以下更新: 全平台: V8 升级到 3.9.4.0 ...
今天刚刚又修正了2个问题,但是因为这里不让编辑上传的文件,大家还是去我的博客下载吧: http://beinet.cn/Blog/BlogShow.aspx?id=c1c31322-f824-41a7-bc03-6b5ca98e4906 因为公司需要支持多版本的浏览器,再把我...
第2步:移至包含此示例的目录$ cd chrome_live_reload_bug 步骤3 :安装依赖项$ npm install 步骤4 :运行示例$ npm start重现错误: 步骤1 :在以下位置查看测试服务器: 第2步:打开Developer工具并检查body元素 ...