當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript实现输入验证(简单的用户注册)
生活随笔
收集整理的這篇文章主要介紹了
JavaScript实现输入验证(简单的用户注册)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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="注冊 " οnclick="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.結果截圖
?
轉載于:https://www.cnblogs.com/feifeishi/p/5312286.html
總結
以上是生活随笔為你收集整理的JavaScript实现输入验证(简单的用户注册)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 周进度----06
- 下一篇: Npgsql使用入门(三)【批量导入数据