带有验证码的网站的注册功能

来源：互联网发布：windows vista没人用编辑：程序博客网时间：2024/05/16 01:59

显示注册框的界面

var code;
  
        function createCode() {
            code = "";
            var codeLength = 4; //验证码的长度
            var checkCode = document.getElementById("checkCode");
            var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9,
            'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z',
            'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'); //所有候选组成验证码的字符，当然也可以用中文的
            for (var i = 0; i < codeLength; i++)
            {
                var charNum = Math.floor(Math.random() * 62);
                code += codeChars[charNum];
            }
            if (checkCode)
            {
                checkCode.className = "code";
                checkCode.innerHTML = code;
            }
        }
        function validateCode()
        {
            var inputCode = document.getElementById("inputCode").value;
            if (inputCode.length <= 0)
            {
                alert("请输入验证码！");
    return false;
            }
            else if (inputCode.toUpperCase() != code.toUpperCase()) //小写字符全部转换成大写字符。
            {
                alert("验证码输入有误！");
                createCode();
    return false;
            }
            else
            {
                return true;
            }
        }
function disagreeItem(){window.location.href = "login.html"} 
     </script>

</head>

<body onload="createCode()">
<center>
<form id="form1" action="http://127.0.0.1:8080/DB/user_Reg.jsp" method="post">
用户名：   <input type="text" id="userName" name="userName" maxlength="20" size="20"><p>
密码：     <input type="password" id="userPasswd" name="userPasswd" maxlength="20" size="20"><p>
确认密码： <input type="password" id="reuserPasswd" name="reuserPasswd" maxlength="20" size="20"><p>
电子邮箱： <input type="text" id="userEmail" name="userEmail" maxlength="20" size="20"><p>
电话：     <input type="text" id="userTel" name="userTel" maxlength="20" size="20"><p>
验证码：  <input type="text" id="inputCode" maxlength="5" size="4">
<span class="code" id="checkCode" onclick="createCode()" ></span><br>
<a href="#" onclick="createCode()">看不清换一张</a><p>
<input id="Button1" onclick="return validateCode();" type="submit" value="确定" />
<input id="Button2" type="reset" value="重置" />
<input id="Button3" type="button" value="返回" onclick="disagreeItem()" />
</form>
</center>
</body>
</html>

处理信息的jsp页面

<%@ page contentType="text/html;charset=GB2312" language="java" import="java.sql.*" errorPage="" pageEncoding="GB2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<meta http-equiv="Expires" content="0">
<meta http-equiv="kiben" content="no-cache">
<title>注册用户</title>
<%
request.setCharacterEncoding("GB2312");//设置请求的编码格式为GB2312
//连接数据库
String Suser = request.getParameter("userName");
String Spasswd = request.getParameter("userPasswd");
String Semail = request.getParameter("userEmail");
String Stel = request.getParameter("userTel");
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver").newInstance();
Connection conn = DriverManager.getConnection("jdbc:sqlserver://localhost:1433;DatabaceName=ProjManagerPlatform", "sa", "100862");
Statement stmt = conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_READ_ONLY);

try{
    //插入功能的sql语句
  stmt.executeUpdate("insert into ProjManagerPlatform.dbo.UsersInfo (userName,password,email,tel) values ('"+Suser+"','"+Spasswd+"','"+Semail+"','"+Stel+"')");
  stmt.close();
  conn.close();
%>
<script language="javascript" type="text/javascript">alert("注册成功！");window.location.href = "user_Reg.html"</script>
<%
}
catch(Exception e){
  out.println(e.getMessage());
}

%>
</head>