java实现回车代替鼠标点击登录键

guyining 2018-04-19 02:05:05

<% page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<head>
<title>管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link href="<%=basePath%>css/style2.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="<%=basePath%>/css/login.css">
<script src="<%=basePath%>js/jquery/jquery.js"> </script>
<script type="text/javascript">
function DoLogin(){
var user_id=$("#user_id").val();
var user_password=$("#user_password").val();
if(trimStr(user_id)==null||trimStr(user_id)==''||trimStr(user_password)==null||trimStr(user_password)==''){
$("#message").text("用户名或密码不能为空");
}else{
$("#loginForm").submit();
}
}

function DoReset(){
//document.frmLogin.reset();reset只是将表单还原为初始状态，并不是将表单赋予空值
$("#user_id").val("");
$("#user_password").val("");
}

// 清除两边的空格
function trimStr(str){
return str.replace(/(^\s*)|(\s*$)/g,"");
}

</script>
</head>

<div class="banner" style="background-position-y: -135px;">

<div class="container">
<div class="logo">
<p>管理系统</p>
</div>
<div id="LoginBox">

<form id="loginForm" name="frmLogin" method="post" action="<%=basePath%>checkUser.do">
<div class="title_row">　　用　户　登　录<a href="javascript:window.opener=null;window.open('','_self');window.close();" id="close">X</a>
</div><br><br>
<div class="content_row">
<label>用户名:
<input class="ipt" value="${user_id }" type="text" name="user_id" id="user_id" placeholder="用户名" onKeyDown="MoveFocus()"/>
</label>
<label class="warning"> </label>
</div>
<div class="content_row">
<label>密　码: </label>
<input class="ipt" value="${user_password }" type="password" name="user_password" id="user_password" placeholder="密码" onKeyDown="DoEnter()"/>
<label class="warning"> </label>
</div><br>
<span id="message" style="text-align:center;width:200px;position:absolute;left:168px;bottom:55px;color:red;font-size:14px">${error }</span>
<div class="content_row" style="text-align: center;">
<input class="btn btn-primary" type="button" id="btnLogin" value=" 登录 " onClick="DoLogin()"/>

<input class="btn btn-primary" type="button" id="btnReset" value=" 重置 " onClick="DoReset()"/>
</div>
</form>
</div>


</div>
</div>
<div class="footer">
<div class="footer-bottom-right">
<table width="100%" height="56">
<tr>
<td width="45%" height="56" align="right"><img src="images/logo.png" alt="" width="56" height="56" /></td>
<td width="55%" height="56" align="left" valign="middle"><p> 　　Copyright .<br />
　　版本号:V1.0.0 </p></td>
</tr>
</table>
</div>
<div class="clearfix"> </div>
</div>


</body>
</html>

...全文

1219 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

QWERT4745 2018-04-19

打赏
举报

你看输密码的input那里有个onKeyDown事件，但是DoEnter方法没看到。在js那块加个方法。


function DoEnter(){
    if (event.keyCode==13) {
        DoLogin();//这里就是登陆按钮调用的那个方法
    }
}

guyining 2018-04-19

打赏
举报

在我的代码里应该添加在哪里，还是要做个回车的监听？

迷途的码农 2018-04-19

打赏
举报

<input type="password" name="password" id="password" placeholder="请输入密码" onkeydown="keyLogin();"> function keyLogin(){ if (event.keyCode==13) //回车键的键值为13 submit(); //调用登录按钮的登录事件 }