欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

实现单击或者回车双重登录动作(页面登录的回车事件onkeydown)

程序员文章站 2022-07-08 09:34:15
...
<script type="text/javascript">
//基于jquery的button默认enter事件(回车事件)
document.onkeydown = function (e) { 
	var theEvent = window.event || e;//浏览器兼容性 
	var code = theEvent.keyCode || theEvent.which; //浏览器兼容性
	if (code == 13) { //回车键的键码值为13
		$("#btnlogin").click(); 
		return false;	//这一句很重要!!!
	} 
};
$(function(){
$("#btnlogin").click(function (){
    if($("#loginForm").valid()){
	var url="${ctx}/checkLogin.action";
		$.post(
			url,
			{"user.username":$("#username").val(),"user.password":$("#password").val()},
			function(data){
				if(data.retcode=="0"){
					window.location.href="${ctx}/toUserList.action";
				}else{
					alert(data.retmsg);
					$("#username").select();
					//$("#username").focus();
				}
			}
		);		
    }		
});
});
</script>

以上是js代码,可以实现回车登录,或者单击登录双重效果。

jsp的表单部分:

<s:form id="loginForm" action="checkLogin" method="post" namespace="/">
			<label for="username"><!-- for属性实现单击关联字(工号)单联输入框获取焦点 -->
				工  号:
			</label>
			<s:textfield id="username" name="user.username"/>
			<label for="password">
				密  码:
			</label>
			<s:password id="password" name="user.password" /><br/>
			<input type="button" class="login-sub" value="" id="btnlogin" />
			<br/>
</s:form>