1.先寫用戶注冊頁面userrAdd.jsp
<body>
<center>
<form name="f1" id="f1" action="userrAdd2.jsp" method="post" >
<table border="0">
<tr>
<td><strong>用戶名</strong>:</td>
<td><input type="text" name="username" id="username" value="" maxlength="11"></td>
</tr>
<tr>
<td><strong>手機號</strong>:</td>
<td><input type="text" name="phonenumber" id="phonenumber" value="" maxlength="11"></td>
</tr>
<tr>
<td><strong>密碼:</strong></td>
<td><input type="text" name="password" id="password" value="" maxlength="11"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="注冊 " onclick="validate()"></td>/////////注意此處提交按鈕為button,在javascript中提交
</tr>
</table>
</form>
</center>
</body>
</html>

2.然后寫javascript,也在userrAdd.jsp中寫在</head>前
<script type="text/javascript">
function validate()
{
var username=document.forms[0].username.value;
var phonenumber=document.forms[0].phonenumber.value;
var password=document.forms[0].password.value;
if(username.length<2){
alert("請輸入合法用戶名!");//////////////////////////////////////////驗證用戶名
}
else if(phonenumber.length<11){
alert("您的手機號應該為十一位!");////////////////////////////////////驗證手機號
}
else if(password.length<6){
alert("密碼至少六位!");////////////////////////////////////////////驗證密碼
}
else{
document.forms[0].submit();//////////////////////////////////////提交到userrAdd2.jsp
}
}
</script>
3.注冊到數據庫:userrAdd2.jsp
<body>
<%
request.setCharacterEncoding("utf-8");
String username=request.getParameter("username");
String phonenumber=request.getParameter("phonenumber");
String password=request.getParameter("password");
Connection con = null;
Statement stmt = null;
ResultSet rs = null;
String url = "jdbc:sqlserver://127.0.0.1:1433;databaseName=student;user=sa;password=1";//sa身份連接
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
con = DriverManager.getConnection(url);
stmt = con.createStatement();
String SQL = "insert into userr values('"+username+"','"+phonenumber+"','"+password+"')";
stmt.execute(SQL);
%>
注冊成功
</body>
4.結果截圖



