asp.net 各浏览器下实现回车提交表单
来源:互联网 发布:淘宝管控下架什么意思 编辑:程序博客网 时间:2024/06/07 14:18
在做登录页面的时候,有客户提出,希望在输入上一个信息后,回车自动跳转到下一个输入框,
比如输入用户名后回车跳到密码框,输入密码后再回车即提交表单,
本来是一个很简单的事情,但是一碰到各种浏览器就变得复杂了。
天啊,什么时候天下浏览器都同一个标准啊。。。
在实现过程中,碰到两个问题,
首先是不同浏览器对按键的捕捉问题;
第二个是不同浏览器对控件 click 事件提交的支持不一样,如火狐等不支持JS触发click事件提交。解决方法是调用asp.net的 __doPostBack('lkb_login', '') 方法提交表单。
最后实现如下:
var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) Sys.ie = true; else if (ua.indexOf("chrome") != -1) Sys.chrome = true; else if (ua.indexOf("firefox") != -1) Sys.firefox = true; function EnterClick(e) { var code; if (!e) { var e = window.event; } if (e.keyCode) { code = e.keyCode; } else if (e.which) { code = e.which; } if (code == 13) { var sender = e.target || e.srcElement; if (!!sender && sender.id == "lkb_login") return true; if (Trim(document.getElementById("txt_username").value) == "请输入昵称/Email/手机" || Trim(document.getElementById("txt_username").value) == "请输入会员卡号") { document.getElementById("txt_username").value = ""; document.getElementById("txt_username").select(); } else if (Trim(document.getElementById("txt_username").value) == "") { document.getElementById("txt_username").value = ""; document.getElementById("txt_username").select(); } else if (Trim(document.getElementById("txt_pwd").value) == "") { document.getElementById("txt_pwd").focus(); } else { //2012.11.06 回车提交 // if (window.ActiveXObject) // document.getElementById("lkb_login").click(); // else // document.getElementById("lkb_login").focus(); document.getElementById("imgLogin").style.display = "none"; document.getElementById("div_login_tip").style.display = "block"; __doPostBack('lkb_login', ''); } return false; } return true; } if (Sys.ie || Sys.chrome) { document.onkeydown = function(e) { return EnterClick(e); } } else { document.onkeypress = function(e) { return EnterClick(e); } }
- asp.net 各浏览器下实现回车提交表单
- asp.net中回车提交表单的处理方法
- .net 回车不提交表单
- js实现回车提交表单
- javascript实现回车提交表单
- ASP.NET下的表单提交问题
- ASP.NET下的表单提交问题
- chrome 浏览器上避免回车提交表单
- 回车提交表单(支持多浏览器)
- ASP.NET回车提交事件
- ASP.NET提交表单
- asp.net中如何回车触发指定按钮的事件(实现按回车提交)
- JavaScript实现"CTRL+回车"提交表单
- JavaScript实现"CTRL+回车"提交表单
- js 回车提交表单的实现
- 浅析ASP.NET回车提交事件
- asp.net 提交表单实例
- asp.net mvc表单提交
- EL表达式函数-获取字符串长度、截取字符串
- 验证码实现的代码
- Event-driven programming library
- java 程序下载网页
- hadoop面试题
- asp.net 各浏览器下实现回车提交表单
- 前++和后++
- 编译:参数解释 -Wall -L
- 中文资源文件的转码 native2ascii
- Using exif to set location to captured image
- CSV(逗号分隔)、文本文件(制表符分隔) 等文件的读取
- Java中equals()与hashCode()的原理与设计
- KVO KVC 通知(NSNotification)核心内容及举例
- java.util.ResourceBundle使用详解