(完整版)JSP登陆页面代码

合集下载

JSP注册页面代码

</label>
</p>
<p>真实姓名
<label>
<input type="text" name="textfield4" />
</label>
</p>
<p>年龄
<label>
<input type="text" name="textfield5" />
</label>
</p>
<p>职业
<label>

<tr>
<td width="528" height="368"> </td>
<td width="344" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
</label>
<label>
<input type="submit" name="Submit3" value="返回" />
</label>
</p>
</form> </td>
</tr>

javascript 登陆界面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>注册</title><style type="text/css">input[type = "text"], input[type = "password"] {width: 150px;}table{background-color:pink}</style></head><body><div><div class="login_step"><div align="center">注册步骤:<span class="red_bold">1.填写信息</span> > 2.提交</div></div><center><form name="myform" action="success.html" method="post" onsubmit="return check()" ><table width="45%" height="50%" border="1" cellspacing="0" ><tr><th colspan="2">注册个人信息(*为必填的空！)</th></tr><tr><td height="36" align="right">用户名：</td><td><input type="text" name="username" id="username" onBlur="check()" /><span id="usernames"></span> * </td></tr><tr><td height="38" align="right">设置密码：</td><td><input type="password" name="psw" id="psw" onBlur="check()"/><span id="psws"></span> * </td></tr><tr><td align="right" >密码确认：</td><td><input type="password" name="psw-enter" id="psw-enter" onBlur="passwords()"/><span id="psws-enter"></span> *</td></tr><tr><td height="41" align="right">性别：</td><td><input type="radio" name="sex" value="man" checked />男   <input type="radio" name="sex" value="women"/>女</td></tr><tr><td height="45" align="right">出生日期：</td><td><select name="year" id="year"><option value="">请选择</option><option value="1990" selected>1990</option><option value="1991" >1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option></select>年<select name="month" id="month"><option value="">请选择</option><option value="1" selected>1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select>月<select name="day" id="day"><option value="">请选择</option><option value="1" selected>1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option></select>日</font></td></tr><tr><td height="32" align="right">身份证号码：</td> <td><input type="text" value="" id="sfz" onBlur="check()" /><span id="shen"></span>* </td></tr><tr><td height="44" align="right">联系电话：</td> <td><input type="text" value="" id="phone" onBlur="check()" /><span id="phones"></span>* </td></tr><tr><td height="39" align="right">Emai：</td><td><input type="text" id="email" value="" onBlur="check()"/><span id="emails"></span>*</td><tr><td align="right">个人说明：</td><td><font color="#6600CC"><textarea id="jian"></textarea></font></td></tr><tr><td colspan="2" align="center"><input type="submit" value="提交" />    <input type="reset" value="重置" /></font></td></tr></table></form></center><script type="text/javaScript">function username(){var username = document.getElementById("username").value; //用户名//用户名的判断var r = /^[A-Za-z]+$/;if(username == ""){document.getElementById("usernames").innerHTML = "<font color='red'>用户名不可以为空</font>";return false;}else if(username !=""){if(username.length<3){document.getElementById("usernames").innerHTML = "<font color='red'>用户名至少3位</font>";return false;}else{document.getElementById("usernames").innerHTML = "<font color='green'>恭喜你，您的用户名可以使用</font>";return true;}}}function password(){var psw = document.getElementById("psw").value;//密码//密码的判断if(psw==""){document.getElementById("psws").innerHTML = "<font color='red'>密码不可以为空</font>";return false;}else if(psw !=""){if(psw.length<6){document.getElementById("psws").innerHTML = "<font color='red'>密码至少六位</font>";return false;}else{document.getElementById("psws").innerHTML = "<font color='green'>密码设置成功！</font>";return true;}}}function passwords(){var psw = document.getElementById("psw").value;var p=document.getElementById("psw-enter").value;if(p!=psw){document.getElementById("psws-enter").innerHTML = "<font color='red'>密码与确认密码不同</font>";}else{document.getElementById("psws-enter").innerHTML = "<font color='green'>确认密码输入正确</font>";}}function sex(){var sex = document.getElementsByName("sex");var sex1 = "";for(var i=0;i<sex.length;i++){if(sex[i].checked==true){sex1 = sex[i].value;}}}function shijizn(){var year = document.getElementById("year").value; //出生年份var month= document.getElementById("month").value; //出生月份var day = document.getElementById("day").value; //出生的日期}//身份证的验证function sfz(){var sfz = document.getElementById("sfz").value;//身份证号码var shenfenz=/\d{15}|\d{18}/;if(sfz==""){document.getElementById("shen").innerHTML = "<font color='red'>身份证不能为空</font>";return false;}if(sfz !=""){if(!(shenfenz.test(sfz))){document.getElementById("shen").innerHTML = "<font color='red'>身份证格式不正确</font>";return false;}else{document.getElementById("shen").innerHTML = "<font color='green'>身份证正确</font>";return true;}}}function phone(){var phone = document.getElementById("phone").value; //联系电话//正则表达式使用方法var reg= /^\d{11}$/; //if(phone==""){document.getElementById("phones").innerHTML = "<font color='red'>联系电话格不能为空</font>";return false;}if(phone !=""){if(!(reg.test(phone))){document.getElementById("phones").innerHTML = "<font color='red'>联系电话格式不正确</font>";return false;}else {document.getElementById("phones").innerHTML = "<font color='green'>联系电话输入正确</font>";return true;}}}function email(){var email = document.getElementById("email").value; //email邮箱//alert(email);//邮箱验证var e=/^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$/;if(email==""){document.getElementById("emails").innerHTML = "<font color='red'>邮箱不能为空</font>";return false;}if(email !=""){if(!(e.test(email))){document.getElementById("emails").innerHTML = "<font color='red'>邮箱格式不正确</font>";return false;}else{document.getElementById("emails").innerHTML = "<font color='green'>邮箱正确</font>";return true;}}}function check(){if (username()&&password()&&sfz()&&phone()&&email()) {return true;}else {return false;}}</script></body></html>。

使用JSP实现简单的用户登录注册页面示例代码解析

使⽤JSP实现简单的⽤户登录注册页⾯⽰例代码解析实验要求：将实验2中的系统⽤户登录和注册页⾯改为JSP页⾯，并部署⾃⼰的Web应⽤于Tomcat服务器中具体要求：完成登录JSP页⾯设计和注册页⾯设计在登录页⾯表单中使⽤request对象获取⽤户信息，建⽴新的JSP页⾯完成登录验证（⽤户名和密码⾃⼰指定即可）。

验证结果显⽰（如登录成功/⽤户名密码错误，可以使⽤JavaScript，也可以使⽤新的JSP页⾯）。

在注册页⾯表单中使⽤request对象获取⽤户注册信息（注册项⽬由⾃⼰指定），在新的JSP页⾯显⽰⽤户注册信息，并提⽰注册成功。

代码登录页⾯index.html<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>jsp作业</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><div class="jumbotron"><h1>Hello, world!</h1><p>这是⼀个jsp作业</p></div></div></body></html>登录页⾯login.jsp<%@ page contentType="text/html; charset=utf-8" language="java"%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>登录</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><div class="row"><div class="col-md-4"></div><div class="col-md-4"><form class="form-signin" method="post" action="login-check.jsp"><h2 class="form-signin-heading">登录到jsp作业</h2><label for="">⽤户名</label><input type="text" name="username" id="username" class="form-control" placeholder="请输⼊⽤户名" required autofocus><br><label for="">密码</label><input type="password" name="password" id="password" class="form-control" placeholder="请输⼊密码" required><div class="checkbox"><label><input type="checkbox" value="remember-me" checked="checked"> 记住密码</label></div><button type="submit" class="btn btn-primary" id="btn-login">登录</button><a href="reg.jsp" rel="external nofollow" rel="external nofollow" class="btn btn-default">注册</a></form></div><div class="col-md-4"></div></div></body></html>登录结果页⾯login-check.jsp<%@ page contentType="text/html; charset=utf-8" language="java"%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>登录</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><div class="row"><div class="col-md-4"></div><div class="col-md-4"><form class="form-signin" method="post" action="login-check.jsp"><h2 class="form-signin-heading">登录到jsp作业</h2><label for="">⽤户名</label><input type="text" name="username" id="username" class="form-control" placeholder="请输⼊⽤户名" required autofocus><br><label for="">密码</label><input type="password" name="password" id="password" class="form-control" placeholder="请输⼊密码" required><div class="checkbox"><label><input type="checkbox" value="remember-me" checked="checked"> 记住密码</label></div><button type="submit" class="btn btn-primary" id="btn-login">登录</button><a href="reg.jsp" rel="external nofollow" rel="external nofollow" class="btn btn-default">注册</a></form></div><div class="col-md-4"></div></div></body></html>注册页⾯reg.jsp<%@ page contentType="text/html; charset=utf-8" language="java"%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>注册</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><div class="row"><div class="col-md-4"></div><div class="col-md-4"><form class="form-signin" action="reg-submit.jsp" method="post"><h2 class="form-signin-heading">注册到jsp作业</h2><div id="info"></div><label for="">⽤户名</label><input type="text" name="username" id="username" class="form-control" placeholder="请输⼊⽤户名" required autofocus><br><label for="">密码</label><input type="password" name="password" id="password" class="form-control" placeholder="请输⼊密码" required><br><label for="">重复密码</label><input type="password" name="password2" id="password2" class="form-control" placeholder="请再次输⼊密码" required maxLength="16"><br><button type="submit" class="btn btn-primary" id="btn-reg">注册</button><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="btn btn-default" id="btn-reg">返回登录</a> </form></div><div class="col-md-4"></div></div></body></html>注册结果页⾯reg-submit.jsp<%@ page contentType="text/html; charset=utf-8" language="java"%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>结果</title><link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet"></head><body><nav class="navbar navbar-default"><div class="container-fluid"><div class="navbar-header"><a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li></ul></div></div></nav><div class="container"><% String username = request.getParameter("username");String password = request.getParameter("password");String password2 = request.getParameter("password2");%><%if(password.equals(password2)){out.println("<div class='alert alert-success' role='alert'>注册成功</div>");out.println("<ul class='list-group'>");out.println("<li class='list-group-item'>⽤户名：" + username + "</li>");out.println("<li class='list-group-item'>密码：" + password + "</li>");out.println("</ul>");else{out.println("<div class='alert alert-danger' role='alert'>两次密码输⼊不⼀致，请重新输⼊</div>"); }%></div>效果到此这篇关于使⽤JSP实现简单的⽤户登录注册页⾯⽰例代码解析的⽂章就介绍到这了,更多相关JSP实现简单的⽤户登录注册页⾯内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！。

简单的JSP登陆注册代码

con = DriverManager.getConnection("jdbc:odbc:deng","","");
sql = con.createStatement();
rs = sql.executeQuery("SELECT * FROM users where id='"+username+"' and password='"+pw+"'");//执行SQL语句并返回结果
<%@ page import="Db.DataBase" %>
<%!
public String codeToString(String str)
{//处理中文字符串的函数
String s=str;
try
{
byte tempB[]=s.getBytes("ISO-8859-1");
ResultSet rs;
try{
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); //建立JDBC-ODBC桥
}
catch(ClassNotFoundException e){ out.print("类找不到！");}
try{
%>
</body>
</html>
</div></td>
</tr>
<tr>
<td borderColor=#d3add1 width="100%" bgColor=#fffde8 height=25><p align=center>

JSP登陆界面

用Jsp做的一个简单的登陆界面，连接Mysql，数据库名字为school，表为user。

主要分为四个Jsp界面：index.jsp登陆界面，check.jsp检验页面，main.jsp登陆成功界面，error.jsp登陆失败界面。

如下所示：<%@page language="java"import="java.util.*" pageEncoding="utf-8"%><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>登陆界面</title></head><body><br><br><br><br><br><br><br><br><center><form action="check.jsp"method="post"><table width="380"border="2"bgcolor="#95BDFF"><tr><td><br><h1>&nbsp &nbsp &nbsp 欢迎光临，请登陆</h1></td></tr><tr><td><br>&nbsp &nbsp &nbsp &nbsp 用户名字: &nbsp<input name="username"type="text" size="28"><br><br>&nbsp &nbsp &nbsp &nbsp 用户密码 : &nbsp<input name="userpass"type="password" size="29"><br><br>&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<input type="submit"name="submit"value="提交"style="height:30px;width:80px">&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<input type="reset"name="reset"value="取消"style="height:30px;width:80px"><br>&nbsp</td></tr></table></form></center></body></html><%@page language="java"import="java.sql.*" pageEncoding="utf-8"%><html><head><meta http-equiv="Content-Type" content="text/html;UTF-8"><title>登陆界面</title></head><body><%String username = new String(request.getParameter("username").getBytes("ISO-8859-1") ,"utf-8");String password = new String(request.getParameter("userpass").getBytes("ISO-8859-1") ,"utf-8");session.setAttribute("name",username);Connection dbconn = null;Statement stmt = null;ResultSet rs = null;if(username.equals("")){response.sendRedirect("index.jsp");}try{String driver = "com.mysql.jdbc.Driver";String url = "jdbc:mysql://localhost:3306/school";String user = "sa";String Password = "123";Class.forName(driver);dbconn = DriverManager.getConnection(url, user, Password);stmt = dbconn.createStatement();String sql1 = "select * from user where username='"+username+"'";rs = stmt.executeQuery(sql1);if(rs.next()){//String sql2 = "select * from user where password='"+password+"'";//rs = stmt.executeQuery(sql2);//判断用户密码是否正确String userpass = rs.getString("password");if(userpass.equals(password)){response.sendRedirect("main.jsp");}else{response.sendRedirect("error.jsp");}}else{response.sendRedirect("error.jsp");}}catch(Exception e){e.printStackTrace();}finally{rs.close();stmt.close();dbconn.close();}%></body></html><%@page language="java"import="java.util.*" import="java.text.*"pageEncoding="utf-8"%><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>登陆成功界面</title></head><body><h1>登陆成功，<%=session.getAttribute("name")%>欢迎您！</h1><%Date now = new Date();DateFormat mediumDateFormat = DateFormat.getDateTimeInstance( DateFormat.MEDIUM, DateFormat.MEDIUM);%><h2>&nbsp &nbsp &nbsp &nbsp<%out.println(mediumDateFormat.format(now));%></h2> </body></html><%@page language="java"import="java.util.*" pageEncoding="utf-8"%><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>登陆失败界面</title></head><body><h1>登陆失败，您输入的用户名或者密码不正确！</h1></body></html>。

jsp登陆源代码

denglu.jsp<%@ page contentType="text/html; charset=GB2312" language="java" import="java.util.*,java.text.*"%><html><head><title>登陆界面</title></head><body bgcolor="#7e98f6"><center><%@include file="util/main.jsp"%>(页面头部)<form action="dlxx.jsp" method=post name=form><img src="image/3.jpg">（图片自己放一张并改名字和地址（image））<table bgcolor="#7e98f6" height="150"><tr><td>用户名:<input type="text" name="yonghu" value=""/><tr><td>密码：<input type="text" name="pass" value=""/><tr><td><input type="submit" name="submit" value="提交"/>       <input type="reset" name="submit" value="重置"/></table></form><jsp:include page="util/foot.jsp" flush="true"/>（页面尾部）</body></html>dlxx.jsp<%@ page contentType="text/html; charset=GB2312" language="java" import="java.util.*,java.text.*"%><%@page import="java.sql.*"%><html><body><%@include file="util/main.jsp"%><body bgcolor="#7e98f6"><br/><br/><br/><br/><br/><br/><br/><font size="华文楷体"><center><%String yonghu1=request.getParameter("yonghu");String pass1=request.getParameter("pass");String dpass="";try{Class.forName ("com.microsoft.sqlserver.jdbc.SQLServerDriver");String url="jdbc:sqlserver://localhost:1433;DataBaseName=liu";(数据库名)String dlname="sa";String dlpass="123";Connection conn=DriverManager.getConnection(url,dlname,dlpass);Statement ss=conn.createStatement();String cx="select yh_pass from yh where yh_name='"+yonghu1+"'";（yh_pass/yh_name数据库列表名,yh表名）ResultSet rs=ss.executeQuery(cx);if(rs.next()){dpass=rs.getString("yh_pass");}rs.close();ss.close();conn.close();}catch(Exception e){out.println(e.toString());}if(dpass.equals(pass1)){response.sendRedirect("weclome.jsp");（欢迎页面）}else{out.print(yonghu1+"不是数据库中用户，登录失败！！");out.print("<br><br>用户名="+yonghu1);out.print("<br><br>密码="+dpass);out.print("<br><br>密码="+pass1);}%><br/><br/><br/><br/><br/><jsp:include page="util/foot.jsp" flush="true"/></body></html>。

jsp注册页面的完整代码含日期

register.jsp页面<%@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 HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'register.jsp' startingpage</title><meta http-equiv="pragma"content="no-cache"> <meta http-equiv="cache-control"content="no-cache"><meta http-equiv="expires"content="0"><meta http-equiv="keywords"content="keyword1,keyword2,keyword3"><meta http-equiv="description"content="This is my page"><meta http-equiv="Content-Type"content="text/html; charset=utf-8"></head><title>javascript 用户注册界面</title><script language="javascript">function GetTextAreaValue(){var t=document.all.textarea.value;return(t);}function ygetxuanxian() //获取被选择的年份然后赋给gh变量在返回gh{varmyselect=document.getElementById("LoftyYear"); var index=myselect.selectedIndex;myselect.options[index].value;var gh=myselect.options[index].text;return(gh);}function mgetxuanxian() //获取被选择的月份然后赋给gh变量在返回gh{varmyselect=document.getElementById("LoftyMonth");var index=myselect.selectedIndex;myselect.options[index].value;var gh=myselect.options[index].text;return(gh);}function dgetxuanxian(){ //获取被选择的日期然后赋给gh变量在返回ghvarmyselect=document.getElementById("LoftyDay"); var index=myselect.selectedIndex;myselect.options[index].value;var gh=myselect.options[index].text;return(gh);}function setDay(obj){ //这整一块是动态的给“日”期下拉框添加选项obj = obj.form;varyears=parseInt(obj.years.options[obj.years.sele ctedIndex].value);varmonths=parseInt(obj.months.options[obj.months.s electedIndex].value);if(obj.years.selectedIndex==0 ||obj.months.selectedIndex==0)return;var lastday = monthday(years,months);var itemnum = obj.days.length;if (lastday - 1 < obj.days.selectedIndex) {obj.days.selectedIndex = lastday - 1;}obj.days.length = lastday;{obj.days.options[cnt - 1].text = cnt;}}function monthday(years,months) //获取被选择的年份和月份来进行闰年的判断{var lastday = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);if (((years % 4 == 0) && (years % 100 != 0)) || (years % 400 == 0)){lastday[1] = 29;}return lastday[months - 1];}function forto(ff,to){document.write('<OPTION value=""></OPTION>'); for(var ii=ff; ii<=to; ii++)document.write('<OPTIONvalue="'+ii+'">'+ii+'</OPTION>');}function a(){alert(document.all("years").value+"年"+document.all("months").value+"月"+document.all("days").value+"日") ;}function showlist() //用信息框输出用户信息{var sel = 0;for (var i = 0; i <document.getElementsByName("Sex").length; i++) //获得文本区的文本{if(document.getElementsByName("Sex")[i].checked ){sel =document.getElementsByName("Sex")[i].value;}}if(sel==0 ){}else if(sel==1){}else if(sel==2){}if(a==undefined) //去掉信息框中的undefined字符if(b==undefined)if(c==undefined)for (i=0;i<checkbox1.length;++ i){if (checkbox1[i].checked){}}var abc="用户名:"+.value+"\n"+"密码:"+document.reg.pwd.value+"\n"+"电子邮件:"+document.reg.email.value+"\n"+"性别:"+ab+"\n"+"电话:"+document.reg.tel.value+"\n"+"地址："+document.reg.addr.value+"\n"+"生日："+ygetxuanxian()+"年"+" "+mgetxuanxian()+"月"+" "+dgetxuanxian()+"日"+"\n"+"个人说明："+jk; //一次性输出用户信息alert(abc);}function checkLen(obj){var maxChars = 200;//最多字符数if (obj.value.length > maxChars)obj.value = obj.value.substring(0,maxChars); var curr = maxChars - obj.value.length; document.getElementById("count").innerHTML = curr.toString();document.getElementById("count2").innerHTML = obj.value.length;}function checkname(){var div = document.getElementById("div1"); div.innerHTML = "";var name1 = document.reg.text1.value;if (name1 == "") {div.innerHTML = "用户名不能为空！"; document.reg.text1.focus();return false;}if (name1.length < 4 || name1.length > 16) { div.innerHTML = "输入的用户名长度为4-16个字符！"; document.reg.text1.select();return false;}var charname1 = name1.toLowerCase();for (var i = 0; i < name1.length; i++) {var charname = charname1.charAt(i);if (!(charname >= 0 && charname <= 9) &&(!(charname >= 'a' && charname <= 'z')) && (charname != '_')) {div.innerHTML = "姓名包含非法字母，只能包含字母，数字，和下划线";document.reg.text1.select();return false;}return true;}function checkpassword(){var div = document.getElementById("div2");div.innerHTML = "";var password = document.reg.text2.value;if (password == "") {div.innerHTML = "密码不为空！";document.reg.text2.focus();return false;}if (password.length < 4 || password.length > 12) {div.innerHTML = "密码长度4-12位";document.reg.text2.select();return false;}return true;}function checkrepassword(){var div = document.getElementById("div3"); div.innerHTML = "";var password = document.reg.text2.value;var repass = document.reg.text3.value;if (repass == "") {div.innerHTML = "密码不能为空！";document.reg.text3.focus();return false;}if (password != repass) {div.innerHTML = "输入的密码和确认密码长度不一致"; document.reg.text3.select();return false;}return true;}function checkEmail(){var div = document.getElementById("div4"); div.innerHTML = "";var email = document.reg.text4.value;var sw = email.indexOf("@", 0);var sw1 = email.indexOf(".", 0);var tt = sw1 - sw;if (email.length == 0) {div.innerHTML ="";document.reg.text4.focus();return false;}if (email.indexOf("@", 0) == -1) {div.innerHTML = "电子邮件格式不正确，必须包含@符号！";document.reg.text4.select();return false;}if (email.indexOf(".", 0) == -1) {div.innerHTML = "电子邮件格式不正确，必须包含.符号!";document.reg.text4.select();return false;}if (tt == 1) {div.innerHTML = "邮件格式不对。

JSP完整的注册页面代码

<td>
<html:text property="item.verifyCode" styleClass="verifyCode"/>
<img alt="验证码" id="safecode" src="servlet/ImageServlet" class="img" />
registSubmit();
}
}
//刷新注册码
function reloadVerifyCode(){
var timenow = new Date().getTime();
document.getElementById("safecode").src="servlet/ImageServlet?d="+timenow;
var upass = document.getElementById("item.upass").value;
var upass2 = document.getElementById("item.upass2").value;
var uemail = document.getElementById("item.uemail").value;
<meta http-equiv="description" content="This is my regist page">
<link rel="stylesheet" type="text/css" href="css/styles.css">

(完整版)Jsp学生信息管理系统登录验证全代码

</font></td>
<td align=centerSTYLE='cursor:
hand'><font size=2>
<div class="b2bbutton"id="bt4"
imer);theTimer=setTimeout('turnPage()',speed);check Bt();"> 5</div>
</script></TD>
</TR>
</table> <hr color="green"width="540">
<table align="center">
<tr>
<td>用户名: <input type="text"name="username"size="8"maxlength="6"></td>
}
public String getUsername(){
return username;
}
public void setUsername(String username){this .username=username;
}
public String getPassword(){
return password
</font></td>
<td align=centerSTYLE='cursor:

使用jsp做一个联接数据库的用户登录界面

</label> <label>    <input name="reset" type="reset" id="reset" value="取消" /> </label></td> </tr> </table> </form> </tr> </table> </body> </html> 验证用户输入信息是否合法（数据库中有无此用户的信息），代码文件如下所示（login.jsp）： <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <%@ include file="conn.jsp"%> <html> <body> <% ResultSet rs1; String sqlstr; String name=tc(request.getParameter("name")); String pw=tc(request.getParameter("pw")); if((name!=null&&name.length()!=0)&& (pw!=null&&pw.length()!=0)){ sqlstr="select* from info where(name='"+name+"'and password='"+pw+"')"; rs1=stmt.executeQuery(sqlstr); if(rs1.next()) { response.sendRedirect("index1.jsp"); } else{ out.println("<SCRIPT language=javascript>alert('用户名或密码不正确，请重新输入！'); window.location='index.jsp'; </script>"); } else

jsp代码

注：加粗的大概为核心代码，其他的最好也看下，不敢保证一、1、Servlet+Ajax实现用户注册（方法一）Index.jsp页面（用户注册页面）<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %><head><title>新用户注册</title><style type="text/css"><! --.zi9pt {font-size: 9pt;font-weight: normal;}--></style><meta http -equiv = "content -type" content = "text/html; charset=UTF-8"><script language="javascript"><! —创建XMLHttpRequest 对象-->var xmlHttp = false;if(window.ActiveXObject)xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");else if(window.XMLHttpRequest)xmlHttp=new XMLHttpRequest();<! —发送请求-->function checkUser() {var userName = document.getElementById ("userName").value; var url = "CheckUserName?userName=" + userName; xmlHttp.open("GET", url, true);xmlHttp.onreadystatechange = updatePage;xmlHttp.send(null);}<! —返回结果处理-- >function updatePage() {if (xmlHttp.readyState == 4){if(xmlHttp.status==200){var response = xmlHttp.responseText;var result="此帐号可以使用！";if(response.indexOf("true")! =-1) result="很遗憾，该帐号已经被占用，请您另选一个";document.getElementById("result").innerHTML=result; }}}</script></head><body><br><form id="regForm" action="" ><table border="0" align="center" width=400><tbody><tr><th colspan="2">新用户注册</th></tr><tr class="zi9pt"><td bgcolor="" align="right">帐号：</td><td ><input type = "text" value = "" id = "userName" name="userName" onblur="checkUser()"/></td></tr><tr class="zi9pt"><td colspan =2 ><div align = "right" id = "result"style="font-size:12px;color=red">提示：用户帐号，不能包含空格、</div></td></tr><tr class="zi9pt"><td align="right">密码：</td><td><input type="password" value="" id="pswd"name="pswd"/></td></tr><tr class="zi9pt"><td align="right">确认密码：</td><td><input type="password" value="" id="repswd" name="repswd"/></td></tr><tr class="zi9pt"><td colspan=2 align=center><input type="submit" value=" 确 定 "/></td></tr></tbody></table></form></body></html>Servlet 类CheckUserName.javapackage ;import java.io.IOException;import java.io.PrintWriter;import java.sql.DriverManager;import java.sql.SQLException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;import java.sql.*;public class CheckUserName extends HttpServlet { public CheckUserName() {super();}public void destroy() {super.destroy();}public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter();//接收数据String userName=request.getParameter("userName");//数据库链接try{Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver");}catch(ClassNotFoundException e1){e1.printStackTrace();}StringjdbcURL="jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=news";Connection conn = null;try {conn = DriverManager.getConnection(jdbcURL,"sa","l");}catch(SQLException e){e.printStackTrace();}PreparedStatement pst;try{pst = conn.prepareStatement ("select * from admin where userName=?"); pst.setString(1,userName);ResultSet rs=pst.executeQuery();boolean isExist=false;if(rs.next()){isExist=true;} out.println(isExist);}catch(SQLException e) {e.printStackTrace();}out.close();}public void doPost(HttpServletRequest request,HttpServletResponse response)throws ServletException, IOException {}public void init() throws ServletException {}}web.xml 配置文件中Servlet 说明…<servlet><servlet-name>CheckUserName</servlet-name><servlet-class>.CheckUserName</servlet-class> </servlet><servlet_mapping><servlet-name>CheckUserName</servlet-name><url-pattern>/CheckUserName</url-pattern></servlet-mapping>…2、jsp在线用户显示与数目统计（没有连接数据库）：Login.jsp 页面（登陆页面）<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>用户登录</title></head><body><form id="form1" name="form1" method="post" action="login_deal.jsp"> 用户名：<input name="username" type="text" id="username" /><br /><br />密  码：<input name="pwd" type="text" id="pwd" /><br /><br /><input type="submit" name="Submit" value="提交" /><input type="reset" name="Submit2" value="重置" /></form></body></html>login_deal.jsp页面（登陆处理页面，设置的登录用户名和密码要求一样）<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>处理结果</title></head><body><%request.setCharacterEncoding("gb2312");String username=request.getParameter("username");String pwd=request.getParameter("pwd");if ( username.equals(pwd) ){session.setAttribute("myusername", username);response.sendRedirect("ok.jsp");}else{response.sendRedirect("login.jsp");}%></body></html>Ok.jsp页面（核心代码:统计用户数并进行显示）<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %><%@ page import="java.util.*"%><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>处理结果</title></head><body><%String username=(String)session.getAttribute("myusername");int p=0;ArrayList list;list = (ArrayList)application.getAttribute("userlist");if ( list==null ){list = new ArrayList();list.add(username);}else{if ( list.indexOf(username)==-1 )list.add(username);}application.setAttribute("userlist", list);ArrayList ollist = (ArrayList)application.getAttribute("userlist"); out.println("在线用户如下：<br>");for (int i=0; i<ollist.size(); i++){out.println(ollist.get(i) + " ");p++;}out.println("<br>在线用户数:"+p);%></body></html>二、Jsp+servlet实现数学计算：1、input.Jsp页面（输入数据）<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>计算输入界面</title><script type="text/javascript">function check(){var a = document.getElementById("data_a").value; var b = document.getElementById("data_b").value; if ( a==null && b==null || a=="" && b=="" ) {alert("请输入数字型数据");return false;}}</script></head><body><form action="myservlet" method="post" name="form1" id="form1" onsubmit="return check()" target="display">a=<input name="data_a" type="text" id="data_a" /><hr>b=<input name="data_b" type="text" id="data_b" /><hr><select name="oper" size="1"><option value ="0">+</option><option value ="1">-</option><option value="2">*</option><option value="3">/</option></select><hr><input type="submit" value="计算" /></form><iframe name = "display" width="100%"> </iframe></body></html>2、myservlet,java页面（完成计算）package com;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletContext;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession;public class myservlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doPost(request,response);}protected void doPost(HttpServletRequest request,HttpServletResponse response)throws ServletException, IOException {request.setCharacterEncoding("gb2312"); PrintWriter out=response.getWriter();String da = (String)request.getParameter("data_a"); String db = (String)request.getParameter("data_b"); String op = (String)request.getParameter("oper"); String str = "没有计算结果";int a = Integer.parseInt(da);int b = Integer.parseInt(db);int c = 0;if (op.equals("0")){c = a+b;str = "a+b=" + c;} else if (op.equals("1")){c = a-b;str = "a-b=" + c;} else if (op.equals("2")){c = a*b;str = "a*b=" + c;} else if (op.equals("3")){c = a/b;str = "a/b=" + c;}out.println("servlet实现的计算结果:"+str); }}。

登录的JSP源代码

Login.jsp<%@ page language="java" pageEncoding="UTF-8"%><html><head><title>读书会</title></head><body bgcolor="#E3E3E3"><form action="MainServlet" method="post"><table><caption>用户登录</caption><tr><td>登录名：</td><td><input ty pe="text" name="username" size=”20”/></td></tr><tr><td>密码:</td><td><input type="password" name="pwd" size=”21”/></td></tr> </table><input type="submit" value="登录"/><input type="reset" value="重置"/></form>如果没注册单击<a href="register.jsp">这里</a>注册！</body></html>DB.javapublic class DB {Connection ct;PreparedStatement pstmt,p1;static int id;static int i,n;//为插入用户和留言统计记录// 在构造函数中建立与数据库的连接，这样在建立DB对象时就连接了数据库//数据库操作失败,会导致服务器弹出下载servlet的提示框// 注意sql语句错误引起的数据不一致.public DB(){try {Class.forName("com.mysql.jdbc.Driver");ct=DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","1234");pstmt=ct.prepareStatement("select count(*) from lyTable ");ResultSet rs=pstmt.executeQuery();rs.next();i=rs.getInt(1);pstmt=ct.prepareStatement("select count(*) from userTable ");rs=pstmt.executeQuery();rs.next();n=rs.getInt(1);} catch (Exception e) {e.printStackTrace();}}// 根据username和password查询用户，查到就返回该对象，没有就返回nullpublic User checkUser(String username,String password){try{pstmt=ct.prepareStatement("select * from userTable where username=? and password=?");pstmt.setString(1, username);pstmt.setString(2, password);ResultSet rs=pstmt.executeQuery();User user=new User();while(rs.next()){user.setId(rs.getInt(1));user.setUsername(rs.getString(2));user.setPassword(rs.getString(3));return user;}return null;}catch(Exception e){e.printStackTrace();return null;}}MainServlet.javaimport db.DB;public class MainServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {// 设置请求编码request.setCharacterEncoding("Utf-8");// 设置响应编码response.setContentType("Utf-8");// 获得JSP页面输入的用户名的值String username=request.getParameter("username");// 获得JSP页面输入的密码的值String pwd=request.getParameter("pwd");// 建立DB类对象，使用其中的方法来完成判断DB db=new DB();// 获得session对象，用来保存信息HttpSession session=request.getSession();// 先获得user对象，如果是第一次访问该Servlet，用户对象肯定为空，但如果是第// 二次甚至是第三次，就不应该再判断该用户的信息User user=(User) session.getAttribute("user");// 这里就是判断，如果用户是第一次进入，调用DB类中的方法判断if(user==null){user=db.checkUser(username, pwd);}// 把user对象存在session中session.setAttribute("user", user);if(user!=null){// 如果根据查询，用户不为空，表示用户名和密码正确，应该去下一界面// 这里是去主界面，主界面中包含了所有留言信息，所以要从留言表中查出来ArrayList al=db.findLyInfo();// 把查询的信息保存在session中session.setAttribute("al", al);// 然后跳转到我们要去的主界面response.sendRedirect("main.jsp");}else{// 如果用户名和密码错误，回到登录界面response.sendRedirect("login.jsp");}。

用户注册jsp代码

用户注册：jsp页面zhuce.jsp:<%@page contentType="text/html;charset=GB2312"%><HTML><BODY><Font size=3>请注册：<FORM action="zhuce1.jsp"method=post><table border=1><tr><td><font size=2>用户名：</font></td><td><Input type="text"name="username"></td></tr><tr><td><font size=2>密码：</font></td><td><Input type="password"name="password"></td></tr><tr><td><font size=2>性别：</font></td><td><Input type="text"name="sex"></td></tr><tr><td><font size=2>年龄：</font></td><td><Input type="text"name="age"></td></tr></table><BR><Input type="submit"name="b"value="注册"></FORM></Font></BODY></HTML>zhuce1.jsp:<%@page pageEncoding=”gbk”%><%@page import=”java.sql.*”%><%String username=request.getParameter("username");//获取客户提交的信息 String password=request.getParameter("password");//获取客户提交的信息 String sex=request.getParameter("sex"); //获取客户提交的信息 String ages=request.getParameter("age");int age=0 ;try{byte[] bb=sex.getBytes("ISO-8859-1");sex=new String(bb);age=Integer.parseInt(ages);}catch(Exception e){}if(username.length()==0||password.length()==0){ response.sendRedirect("zhuce.jsp"); //重定向}try{ Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver"); }catch(Exception e){ }String insertCondition="INSERT users VALUES( '"+username+"', '"+password+"','"+sex+"',"+age+")";String str="";Connection con;Statement sql;try { Stringuri="jdbc:sqlserver://127.0.0.1:1433;DatabaseName=student";con=DriverManager.getConnection(uri,"sa","sa");sql=con.createStatement();int m=sql.executeUpdate(insertCondition);if(m!=0) str="注册成功";else str="注册失败";con.close();}catch(SQLException e){ str=e.toString(); } out.print(str);%>用户登录：denglu.jsp:<%@page contentType="text/html;charset=GB2312"%><HTML><BODY><Font size=3>请登录：<FORM action="denglu1.jsp"method=post><table border=1><tr><td><font size=2>用户名：</font></td><td><Input type="text"name="username"></td></tr><tr><td><font size=2>密码：</font></td><td><Input type="password"name="password"></td></tr></table><BR><Input type="submit"name="submit"value="登录"><ahref="zhuce.jsp">注册</a></FORM></Font></BODY></HTML>denglu1.jsp:<%@page pageEncoding=”gbk”%><%@page import=”java.sql.*”%><%String username=request.getParameter("username");String password=request.getParameter("password");if(username.length()==0||password.length()==0){ response.sendRedirect("denglu.jsp"); //重定向}try{ Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver"); }catch(Exception e){ }String str="";Connection con;Statement sql;ResultSet rs;try { Stringuri="jdbc:sqlserver://127.0.0.1:1433;DatabaseName=student";con=DriverManager.getConnection(uri,"sa","sa");sql=con.createStatement();rs=sql.executeQuery("select * from users whereusername='"+username+"'");if(rs.next()){rs=sql.executeQuery("select * from users whereusername='"+username+"'and password='"+password+"'");if(rs.next()){str="登录成功！";session.setAttribute(“username”,username);}else str="用户密码错误！";}else str="不存在该用户，请先注册！";}catch(SQLException e) {str=e.toString(); }out.print(str);%>。

注册登录代码

<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'MyJsp.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">

</head>
<body>
<%
String name=(String)request.getParameter("name");
String pw=(String)request.getParameter("pw");
注册登录代码php注册登录代码注册登录页面jsp注册登录代码html注册登录代码注册登录模板asp注册登录代码java注册登录代码注册页面代码php登录代码
数据库连接类
package com.DB;
import java.sql.*;
public class DB {
private final String url = "jdbc:mysql://localhost:3306/user";

jsp注册登录页面代码

jsp注册页面代码用户信息的bean：package chen;public class UserBean{private String userid;private String password;public void setUserId(String userid){erid=userid;}public void setPassword(String password){this.password=password;}public String getUserId(){return erid;}public String getPassword(){return this.password;}}提交数据库的bean：package chen;import com.mysql.jdbc.Driver;import java.sql.*;public class UserRegister{private UserBean userBean;private Connection con;//获得数据库连接。

public UserRegister(){String url="jdbc:mysql://localhost/"+"chao"+"?user="+"root"+"&password="+"850629"; try{Class.forName("com.mysql.jdbc.Driver").newInstance();con = DriverManager.getConnection(url);}catch(Exception e){e.printStackTrace();}}//设置待注册的用户信息。

public void setUserBean(UserBean userBean){erBean=userBean;}//进行注册public void regist() throws Exception{String reg="insert into userinfo(userid,password) values(?,?)";try{PreparedStatement pstmt=con.prepareStatement(reg);pstmt.setString(1,userBean.getUserId());pstmt.setString(2,userBean.getPassword());pstmt.executeUpdate();}catch(Exception e){e.printStackTrace();throw e;}}}提交注册数据进入数据库：<%@ page contentType="text/html;charset=gb2312" pageEncoding="gb2312" import="chen.*" %><jsp:useBean id="userBean" class="erBean" scope="request"><jsp:setProperty name="userBean" property="*"/></jsp:useBean><jsp:useBean id="regist" class="erRegister" scope="request"/><html><head><title> 用户信息注册页面</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body>String userid =request.getParameter("userid");String password = request.getParameter("password");userBean.setUserId(userid);userBean.setPassword(password);System.out.println(userid+password);%><% try{regist.setUserBean(userBean);out.println(userid);regist.regist();out.println("注册成功");}catch(Exception e){out.println(e.getMessage());}%><br><a href="login.jsp">返回</a></body></html>登陆验证页面：<%@page import="java.sql.*" contentType="text/html;charset=GB2312" %><%@page import="java.util.*"%><%String userid1=new String(request.getParameter("userid"));String password1=new String(request.getParameter("password"));Class.forName("com.mysql.jdbc.Driver");Connectioncon=DriverManager.getConnection("jdbc:mysql://localhost:3306/chao","root","850629"); Statement stmt=con.createStatement();String sql="select * from userinfo where userid='"+userid1+"';";ResultSet rs=stmt.executeQuery(sql);if(rs.next()){String password=new String(rs.getString("password"));if(password.equals(password1)){session.setAttribute("userid1",userid1);response.sendRedirect("sucess.jsp");}else{response.sendRedirect("login.jsp");}}else{response.sendRedirect("login.jsp");%>登陆页面：<%@ page contentType="text/html; charset=gb2312" %><html><body><form method="get" action="checklogin.jsp"><table><tr><td> 输入用户名：</td><td><input type=text name=userid ></td></tr><tr><td>输入密码：</td><td><input type=password name=password></td></tr><tr><td><input type=submit value=确认></td></tr></table></form><form action="register.jsp"><input type=submit value=注册></form></body></html>注册页面：<%@page contentType="text/html; charset=gb2312" language="java" import="java.util.*,java.io.*"%><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><center><h1>注册新用户</h1><form action="adduser.jsp" method=post><table border="1" bgcolor="#0099CC"><tr><td> 用户名:<input type="text" name="userid"></td></tr><tr valign="middle"><td> 密码：<input type="password" name="password" readonly></td></tr><tr><td><input type=submit value=提交></td></tr></table></form></center></body></html>登陆成功页面：<%@page import="java.util.*" contentType="text/html; charset=gb2312" %> <%@include file="trans.jsp"%><html><head><title>sucess</title></head><body bgcolor="#ffffff"><h1>登录成功，欢迎您！</h1><%=trans(session.getAttribute("userid1"))%></body></html>登录前台界面设计代码如下：<%@ page contentType="text/html; charset=gb2312"language="java" import="java.sql.*" errorPage="" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"><html><head><title>Register Test!</title></head><body>         登录界面!! <br><form method="post" action="cheklogin.jsp" name="form"> <table width="183" height="85" border="1"><tr><td>User:</td><td><input type="text" name="user" size="13"> </td></tr><tr><td>Password:</td><td><input type="Password" name="password" size="13" > </td></tr><tr><td><input type="Submit" name="bt1" text="OK" value="登录"></td><td><a href="do_register.jsp" target="_parent">新用户注册<br></a></td></tr></table></form></body></html>后台处理程序添加一个Jsp 右键webRoot : New—>JSP 名称cheklogin .jsp代码如下：<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+req uest.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'cheklogin.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"><meta http-equiv="keywords"content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"> </head><body><%String usr = request.getParameter("user");String pwd = request.getParameter("password");//String usr = "hurui";//String pwd = "free889";Connection con = null;Statement sm = null;ResultSet rs = null;try{Class.forName("rmix.jdbc.IfxDriver").newInstan ce(); //装载jdbc 驱动String url ="jdbc:informix-sqli://192.168.5.249:9003/testuser:informi xserver=iservice_online_net"; // 定义数据库连接ＵＲＬcon =DriverManager.getConnection(url,"informix","informix"); //获取数据连接实例sm = con.createStatement(); //获取Statement 的实例rs = sm.executeQuery("select * from new_test_user where login='"+usr+"' and password='"+pwd+"'"); //执行查询语句，并返回给结果集}catch(Exception e){e.printStackTrace( );}//添加表格%><table border="1" width="80%"><tr><td>你的用户名是:</td><td>你的密码是:</td></tr><%while (rs.next()) { //循环输出产品信息String var_name=rs.getString(1);String var_val=rs.getString(2);%><tr><%if(usr == var_name || pwd ==var_val){System.out.println("success!");}%><td><%= var_name %></td><td><%= var_val %></td></tr><%}rs.close();sm.close();con.close();%></body></html>验证试验是否成功：输入：用户名：admin密码：11111。

jsp+mysql数据库登陆功能实现代码

登陆界面代码：adminlogin.html<html><head><title>用户登录</title></head><body><form method="POST" action="adminlogin.jsp" name="form1" onsubmit="return check()"><table width=30% align="center" border=0 bgcolor="#0099FF"><tr><th colspan=2 scope="col"> 用户登录</th></tr><tr bgcolor="#FFFFFF"><td>用户名：</td><td><input type="text" name="Username" size="18"></td></tr><tr bgcolor="#FFFFFF"><td>密码：</td><td><input type="password" name="Password" size="20"></td></tr><tr bgcolor="#FFFFFF"><td></td><td><input type="submit" value="提交" name="ok"><input type="reset" value="重置" name="cancel"></td></tr></table></form></body></html><script type="text/javascript">function check(){if (ername.value==""){alert("请输入用户名!");ername.focus;return false;}if (form1.Password.value==""){alert("请输入密码!");form1.Password.focus;return false;}}</script>连接数据的jsp页面代码：adminlogin.jsp<%@ page contentType="text/html;charset=GB2312"language="java" import="java.sql.*"%><html><head><title>数据库用户登录验证</title></head><%if (request.getParameter("Username")!=null && request.getParameter("Password")!=null){String strName=request.getParameter("Username");String strPass=request.getParameter("Password");Class.forName("com.mysql.jdbc.Driver");String strConn="jdbc:mysql://localhost:3306/ent_information";String strUser="root";String strPassword="root";Connectionconn=DriverManager.getConnection(strConn,strUser,strPassword);Statement stat=conn.createStatement();String strSql="SELECT COUNT(*) FROM admin WHERE Admin_name='"+strName+"' and Admin_pass='"+strPass+"'";ResultSet result=stat.executeQuery(strSql);result.next();if (result.getInt(1)==1){session.setAttribute("login","OK");response.sendRedirect("manager_function.jsp");}else{out.println("<h2>登录错误,请输入正确的用户名和密码</h2>");}}%></html>。

登录页面HTMLCSSJS代码

网页效果截‎图：源码：HTML代‎码（login‎.html）<!DOCTY‎P E html><html><head lang="zh-CN"><title‎>表单登录页‎面</title‎><meta http-equiv‎="conte‎n t-type" conte‎n t="text/html; chars‎e t=UTF-8"><meta http-equiv‎="X-UA-Compa‎t ible‎" conte‎n t="IE=edge"><meta name="viewp‎o rt" conte‎n t="width‎=devic‎e-width‎,initi‎a l-scale‎=1.0, maxim‎u m-scale‎=1"><link href="login‎.css" rel="style‎s heet‎" type="text/css"/><link href="dist/css/boots‎t rap.min.css" rel="style‎s heet‎" type="text/css"/> </head><body><div class‎="form-box"><div class‎="welco‎m"><span>欢迎您的到‎来</span></div><div class‎="input‎-box"><form class‎="form-horiz‎o ntal‎"role="form" actio‎n="/" metho‎d="POST" encty‎p e="text/plain‎"><div class‎="form-group‎"><label‎for="usern‎a me" class‎="contr‎o l-label‎col-md-3">Usern‎a me:</label‎><div class‎="col-md-9"><input‎type="text" class‎="form-contr‎o l" id="usern‎a me" place‎holde‎r="请输入用户‎名"/><label‎class‎="namei‎n fo"></label‎></div></div><div class‎="form-group‎"><label‎for="passw‎o rd" class‎="contr‎o l-label‎col-md-3">Passw‎o rd:</label‎><div class‎="col-md-9"><input‎type="passw‎o rd" maxle‎n gth="10" class‎="form-contr‎ol" id="passw‎o rd" place‎holde‎r="请输入密码‎"/><label‎class‎="passw‎o rdin‎f o"></label‎></div></div><div class‎="submi‎t-butto‎n"><butto‎n type="butto‎n"><span>Login‎</span></butto‎n></div></form></div></div><scrip‎t src="jquer‎y.min.js"></scrip‎t><scrip‎t src="dist/js/boots‎t rap.min.js"></scrip‎t><scrip‎t type="text/javas‎c ript‎" src="login‎.js"></scrip‎t><noscr‎i pt><div>脚本已被禁‎用了，〒_〒...</div></noscr‎i pt></body></html>CSS代码‎（login‎.css）*{paddi‎n g:0;margi‎n:0;}body {/* overf‎l ow:scrol‎l; */font-famil‎y:Georg‎i a;color‎:#000;}.form-box {width‎:470px‎;heigh‎t:296px‎;margi‎n:100px‎auto;borde‎r:3px #ADFF2‎F solid‎;backg‎r ound‎-color‎:#C5FF6‎D;borde‎r-radiu‎s:8px;}.welco‎m {width‎:100%;heigh‎t:52px;line-heigh‎t:52px;text-align‎:cente‎r;font-size:30px;font-famil‎y:Micro‎s oft YaHei‎;font-weigh‎t:bold;borde‎r-botto‎m:1px #ADFF2‎F solid‎; }.input‎-box {posit‎i on:relat‎i ve;width‎:100%;heigh‎t:248px‎;paddi‎n g-top:30px;}.form-group‎{width‎:100%;heigh‎t:50px;line-heigh‎t:50px;}.form-group‎label‎,.form-group‎input‎{ displ‎a y:block‎;heigh‎t:40px;font-size:16px;}.submi‎t-butto‎n butto‎n {posit‎i on:absol‎u te;top:190px‎;left:2%;width‎:96%;heigh‎t:42px;line-heigh‎t:42px;borde‎r-style‎:none;borde‎r:2px #75FF5‎8 solid‎;borde‎r-radiu‎s:3px;backg‎r ound‎-color‎:#86FF6‎D;}.submi‎t-butto‎n span {font-size:20px;font-weigh‎t:bold;}JS代码：（login‎.js）$(funct‎i on(){//设定两个标‎志，判断是否满‎足提交的条‎件var ok1=false‎;var ok2=false‎;//设定键盘事‎件，回车换行$(".form-contr‎o l").keydo‎w n(funct‎i on(event‎){//判断是否是‎回车键if(event‎.which‎== '13'){if($(this).val().lengt‎h == 0){}else{var currI‎n dex = $(this).index‎(':input‎');$(':input‎:eq('+(currI‎n dex+1)+')').focus‎();}}});// 验证用户名‎$('input‎[id="usern‎a me"]').blur(funct‎i on(){var namef‎o rm=$(this).val();// 验证是否输‎入用户名if($(this).val() == ""){$(".namei‎n fo").html("用户名不能‎为空！");$(".namei‎n fo").css({"color‎":"red","font-famil‎y":"KaiTi‎","font-size":"16px"});}// 验证用户名‎是否大于六‎位else if($(this).val().lengt‎h < 6){$(".namei‎n fo").html("用户名至少‎为6位！");$(".namei‎n fo").css({"color‎":"red","font-famil‎y":"KaiTi‎","font-size":"16px"});}//验证用户名‎格式是否正‎确elseif(!namef‎o rm.match‎(/^[a-zA-Z][a-zA-Z0-9@]*$/)){$(".namei‎n fo").html("用户名格式‎不正确！");$(".namei‎n fo").css({"color‎":"red","font-famil‎y":"KaiTi‎","font-size":"16px"});}else{$(".namei‎n fo").html("输入正确");$(".namei‎n fo").css({"color‎":"green‎","font-famil‎y":"KaiTi‎","font-size":"16px"});//验证通过，将标志位置‎为true‎ok1 = true;}});//验证密码$('input‎[id="passw‎o rd"]').blur(funct‎i on(){if($(this).val() == "" ){$(".passw‎o rdin‎f o").html("密码不能为‎空！");$(".passw‎o rdin‎f o").css({"color‎":"red","font-famil‎y":"KaiTi‎","font-size":"16px"});}else if($(this).val().lengt‎h < 6){$(".passw‎o rdin‎f o").html("密码至少为‎6位！");$(".passw‎o rdin‎f o").css({"color‎":"red","font-famil‎y":"KaiTi‎","font-size":"16px"});}else{$(".passw‎o rdin‎f o").html("输入正确");$(".passw‎o rdin‎f o").css({"color‎":"green‎","font-famil‎y":"KaiTi‎","font-size":"16px"});ok2 = true;}});//输入不合法‎的情况下，获取焦点时‎清空错误输‎入$('input‎[id="usern‎a me"]').focus‎(funct‎i on(){if(!ok1){$('input‎[id="usern‎a me"]').val("");}});$('input‎[id="passw‎o rd"]').focus‎(funct‎i on(){if(!ok2){$('input‎[id="passw‎o rd"]').val("");}});//点击进行用‎户名后台验‎证，通过验证后‎实现页面跳‎转$(".submi‎t-butto‎n butto‎n").click‎(funct‎i on(){usern‎a me=$("#usern‎a me").val();passw‎o rd=$("#passw‎o rd").val();if(ok1 && ok2){//普通方式$.ajax({url:"/Login‎/Valid‎U ser",type:"POST",dataT‎y pe:"json",data:{usern‎a me:"+usern‎a me+",passw‎o rd:"+passw‎o rd+"},succe‎s s:funct‎i on(){windo‎w.locat‎i on.href="menu.html";},error‎:funct‎i on(){windo‎w.locat‎i on.href="menu.html";}});//defer‎r ed模式‎// $.ajax("/Login‎/Valid‎U ser",// {type:"post"},// {dataT‎y pe:"json"},// {data:{usern‎a me:"+usern‎a me+",passw‎o rd:"+passw‎o rd+"}} // ).done(funct‎i on(){windo‎w.locat‎i on.href="menu.html";})// .fail(funct‎i on(){windo‎w.locat‎i on.href="menu.html";})}retur‎n false‎;//抑制了浏览‎器的默认点‎击行为});});。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

response.sendRedirect("login.htm");
}
%>
如果输入信息有误，则回到登录页面，重新输入登录信息。
注册页面：reg.jsp
请输入您的注册信息：
<table>
<form action="/user/Reg" method="post" name="regform" onsubmit="return regconfirm();">
session.setAttribute("login","ok");
session.setMaxInactiveInterval(-1);
%>
<jsp:forward page="main.jsp"/>
<%
}else{
out.println("用户名或密码输入错误！");
}
%>
如果登录成功，则设定login的值为ok，提交到下一步验证页面，则进入main.jsp页面，否则，如果输入的用户名和密码不合法就打印错误信息，main.jsp页面代码如下：
<tr><td>密码：</td><td><input type="password" name="user_pwd" id="user_pwd" size="20" maxlength=10 onBlur="checkPWD();">*可以包含字母数字(区分大小写)，6-10位</td>
<tr><td>系别：</td><td><select name="user_xibie" id="user_xibie">
35.
36. </tbody>
37. </table>
38. </center>
39. </body>
40. </html>
<html>
<head>
<title>系统登录</title>
<style type="text/css">...

</style>
</head>
<body bgcolor="papayawhip" width="300" height="300">
<center>
26. <tr>
27. <td><span class="style5">密  码</span> <input type="password" name="upwd" maxlength="20" style="width:150"></td></tr><br>
28. <center>
</table>
登录页面login.jsp
<form action="/Login" method="post">
<table>
<tr><td>请输入账号：</td><td><input type="text" name="login_id" size="20"></td>
<tr><td>请输入密码：</td><td><input type="password" name="login_pwd" size="10"></td>
<tr><td>ID：</td><td><input type="text" name="user_id" id="user_id" size="20" maxlength=10 onBlur="checkID();">*可以包含字母数字，6-10位</td>
<tr><td>姓名：</td><td><input type="text" name="user_name" size="20" ></td>
22. </tr>
23. <form action="login.jsp" method="post">
24. <tr>
25. <td height="28"><span class="style5">用户名</span> <input type="text" name="uid" maxlength="20" style="width:150"></td></tr><br>
静态的登录界面的设计login.htm，代码如下：
Html代码
1. <html>
2. <head>
3. <title>系统登录</title>
4. <style type="text/css">...
5. 
13. </style>
14. </head>
15. <body bgcolor="papayawhip" width="300" height="300">
<center>
<tr><td><div align="center">
<input type="submit" value="登录" >  
<input type="reset" value="取消">
</div></td></tr>
</center>
</form>
</tbody>