刘雨杭第四次作业
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Login</title>
<!-- Fav Icon Link -->
<link rel="shortcut icon" type="image/png" href="images/fav.png">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- themify icons CSS -->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- Main CSS -->
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/green.css" id="style_theme">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/modernizr.min.js"></script>
<style>
.checkCodes{
position: relative;
right: 12px;
top: 7px;
}
.center{
margin-top: 120px;
}
.error{
width: 50%;
margin-left: 120px;
}
</style>
</head>
<body class="auth-bg" >
<div class="center">
<!-- Pre Loader -->
<div class="loading">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<!--/Pre Loader -->
<!-- Color Changer -->
<div class="theme-settings" id="switcher">
<span class="theme-click">
<span class="ti-settings"></span>
</span>
<span class="theme-color theme-default theme-active" data-color="green"></span>
<span class="theme-color theme-blue" data-color="blue"></span>
<span class="theme-color theme-red" data-color="red"></span>
<span class="theme-color theme-violet" data-color="violet"></span>
<span class="theme-color theme-yellow" data-color="yellow"></span>
</div>
<!-- /Color Changer -->
<div class="wrapper">
<!-- Page Content -->
<div id="content">
<div class="container">
<div class="row">
<div class="col-sm-6 auth-box">
<div class="lochana-box-shadow">
<h3 class="widget-title">登录</h3>
<form class="widget-form" action="${pageContext.request.contextPath}/LoginServlet" method="post">
<!-- form-group -->
<div class="form-group row">
<c:if test="${error_msg!=null}">
<div class="col-sm-12">
<div class="alert alert-danger error" role="alert">
${error_msg}
</div>
</div>
</c:if>
<div class="col-sm-12">
<input name="username" placeholder="请输入用户名" class="form-control" required="" data-validation="length alphanumeric" data-validation-length="3-12"
data-validation-error-msg="User name has to be an alphanumeric value (3-12 chars)" data-validation-has-keyup-event="true">
</div>
</div>
<!-- /.form-group -->
<!-- form-group -->
<div class="form-group row">
<div class="col-sm-12">
<input type="password" placeholder="请输入密码" name="password" class="form-control" data-validation="strength" data-validation-strength="2"
data-validation-has-keyup-event="true">
</div>
</div>
<div class="form-group row">
<div class="col-sm-8">
<input placeholder="请输入验证码" name="checkCode" class="form-control" data-validation="strength" data-validation-strength="2"
data-validation-has-keyup-event="true">
</div>
<div class="col-sm-4 checkCodes">
<a href="javascript:refreshCode()"><img src="${pageContext.request.contextPath}/checkCode" title="请点击刷新" height="80%" width="80%" id="checkCode"></a>
</div>
</div>
<!-- /.form-group -->
<!-- Check Box -->
<div class="form-check row">