Login.html //登录界面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="login" method="post">
<p align="center" >用户名:<input name="username" type="text" /></p>
<p align="center">密 码:<input name="password" type="password" /></p>
<p align="center"><input " type="submit" value="登录" /></p>
</form>
</body>
</html>`
zhuce.html //注册界面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script>
//对象选择器
function $sel(id,tabname){
if(id!="" && tabname!=""){
var tem_obj=document.getElementById(id);
return tem_obj.getElementsByTagName(tabname);
}else if(id!=""){
return document.getElementById(id);
}else{
return document.getElementsByTagName(tabname);
}
}
//验证邮件格式
function ismail(obj){
var reg=/[a-zA-Z0-9]{1,10}@[a-zA-Z0-9]{1,5}\.[a-zA-Z0-9]{1,5}/;
if(!reg.test(obj.value)){
alert("请正确填写邮箱!");
obj.value="";
}
}
//电话号码验证
function isnum(obj){
var reg=/^1[0-9]{10}/;
if(!reg.test(obj.value)){
alert("请正确填写手机号!");
obj.value="";
}
}
//两次输入的密码验证
function confirmPassword(obj1,obj2) {
if(obj1.value !=obj2.value){
alert("两次输入的密码不一致!");
obj1.value="";
}
}
//初始化验证
function init(){
//注册一个时区焦点的事件
$sel("phone","").onblur = function () {
isnum(this);
}
$sel("mail","").onblur = function () {
ismail(this);
}
$sel("pwdConfirm","").onblur = function () {
confirmPassword(this,$sel("pwdNew",""));
}
}
</script>
<body style="text-align: center;" onload="init()">
<form action="Zhuce" method="post">
<p >用户名:<input name="yonghuming" type="text" placeholder="输入用户名"/></p>
<p >邮 箱:<input name="mail" type="text" id="mail" placeholder="邮箱地址"/></p>
<p >手机号:<input name="phone" type="text" id="phone" placeholder="输入手机号"/></p>
<p >密 码:<input name="password" id ="pwdNew" type="password" placeholder="输入新密码"/></p>
<p >确认密码:<input name="passwordtoo" type="password" id ="pwdConfirm" placeholder="再次输入新密码"/></p>
<p ><input " type="submit" value="注册" /></p>
</form>
</body>
</html>
ZhuCe.java
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.swing.plaf.synth.SynthSeparatorUI;
@WebServlet("/Zhuce")
public class ZhuCe extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
String YongHuMing = request.getParameter("yonghuming"); //获取前端提交的用户名
String Mail = request.getParameter("mail"); //获取邮箱
String passwd = request.getParameter("password"); //获取密码
String mdpasswd = MD5.getMD5(passwd+""); //调用加密算法
String user = mdpasswd.substring(6);
// if(!passwd.equals(passwdtoo)){
//
// PrintWriter out = response.getWriter();
// out.println("<script type='text/javascript'>");
// out.println("alert('密码不正确');");
// out.println("window.location.href='NewFile.html'");
// out.println("</script>");
// }
try {
Class.forName("com.mysql.jdbc.Driver"); //加载数据库驱动
Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/jdbc_test_db","用户名","密码"); //连接数据库
Statement stmt = conn.createStatement();
String sql="insert into zh_yonghu (zh_account,zh_mail,zh_passwd) values ('"+YongHuMing+"','"+Mail+"','"+user+"')";
stmt.executeUpdate(sql);
} catch (Exception e) {
e.printStackTrace();
}
}
}