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

最新推荐文章于 2022-11-25 16:41:42 发布

ghjzzhg

最新推荐文章于 2022-11-25 16:41:42 发布

阅读量4.1k

点赞数

分类专栏：前台页面类文章标签： javascript 登录回车键 enter

本文链接：https://blog.csdn.net/ghjzzhg/article/details/78297250

版权

前台页面类专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<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 οnkeydοwn="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" οnclick="go()">
					<span
						id="loginform:loginBtn" class="btn btn-login" style="margin-top:-36px;">登录</span>
					</a>
				</div>
			</form>
		</div>
	</div>
</body>