实现单击或者回车双重登录动作(页面登录的回车事件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>
上一篇: Swing输入框添加回车监控事件
下一篇: 落枕怎么治疗 指压法缓解落枕疼痛