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.結果截圖