<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <base href="<%=basePath%>"> <title>欢迎登录</title> <link rel="stylesheet" type="text/css" href="<%=basePath%>js/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="<%=basePath%>js/themes/icon.css"> </head> <body> <div id="loginWin" class="easyui-window" title="登录" style="width:350px;height:188px;padding:5px;" minimizable="false" maximizable="false" resizable="false" collapsible="false"> <div class="easyui-layout" fit="true"> <div region="center" border="false" style="padding:5px;background:#fff;border:1px solid #ccc;"> <form id="loginForm" method="post"> <div style="padding:5px 0;"> <label for="login">帐号:</label> <input type="text" name="login" style="width:260px;"></input> </div> <div style="padding:5px 0;"> <label for="password">密码:</label> <input type="password" name="password" style="width:260px;"></input> </div> <div style="padding:5px 0;text-align: center;color: red;" id="showMsg"></div> </form> </div> <div region="south" border="false" style="text-align:right;padding:5px 0;"> <a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="login()">登录</a> <a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cleardata()">重置</a> </div> </div> </div> </body> <script type="text/javascript" src="<%=basePath%>js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="<%=basePath%>js/jquery.easyui.min.js"></script> <script type="text/javascript"> document.onkeydown = function(e){ var event = e || window.event; var code = event.keyCode || event.which || event.charCode; if (code == 13) { login(); } } $(function(){ $("input[name='login']").focus(); }); function cleardata(){ $('#loginForm').form('clear'); } function login(){ if($("input[name='login']").val()=="" || $("input[name='password']").val()==""){ $("#showMsg").html("用户名或密码为空,请输入"); $("input[name='login']").focus(); }else{ //ajax异步提交 $.ajax({ type:"POST", //post提交方式默认是get url:"login.action", data:$("#loginForm").serialize(), //序列化 error:function(request) { // 设置表单提交出错 $("#showMsg").html(request); //登录错误提示信息 }, success:function(data) { document.location = "index.action"; } }); } } </script> </html>