您的位置：首页 > 编程语言 > Java开发

java项目js中点击登录和回车键（enter）两种登录方式

2017-10-20 16:53 435 查看

<head>
<script type="text/javascript">
//点击登录，触发点击事件
function go(){
if (code_flag) {
$("#loginform").submit();
}
}
//点击回车键登录
function keyLogin(){
if (event.keyCode==13){  //回车键的键值为13
alert("回车！");
$("#loginform").submit();
//document.getElementById("loginForm").click(); //调用登录按钮的登录事件
}
}
</script>
</head>

<body onkeydown="keyLogin();">
<div id="loginBlock" class="login" style="margin-top: 80px; height: 300px;">
<div class="loginForm">
<form id="loginform" name="loginform" method="post" class="niceform"
action="${pageContext.request.contextPath}/user/userAction_login">
<div id="idInputLine" class="loginFormIpt showPlaceholder" style="margin-top: 5px;">
<input id="loginform:idInput" type="text" name="username"
class="loginFormTdIpt" maxlength="50" />
<label for="idInput" class="placeholder" id="idPlaceholder">帐号：</label>
</div>
<div id="pwdInputLine" class="loginFormIpt showPlaceholder">
<input id="loginform:pwdInput" class="loginFormTdIpt" type="password"
name="password" value="" />
<label for="pwdInput" class="placeholder" id="pwdPlaceholder">密码：</label>
</div>
<div class="loginFormIpt loginFormIptWiotTh" style="margin-top:58px;">
<a href="javascript:void(0)" id="loginform:j_id19" name="loginform:j_id19" onclick="go()">
<span
id="loginform:loginBtn" class="btn btn-login" style="margin-top:-36px;">登录</span>
</a>
</div>
</form>
</div>
</div>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 登录回车键 enter

相关文章推荐

新的分享

章节导航