登陆界面(jsp)客户端验证
生活随笔
收集整理的這篇文章主要介紹了
登陆界面(jsp)客户端验证
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
第二步：通過servlet處理??import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;public class validateServlet extends HttpServlet {public void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {//獲得用戶的信息String username=req.getParameter("username");String password=req.getParameter("password");String repassword=req.getParameter("repassword");String shuoming=req.getParameter("shuoming");//說明String []sex=req.getParameterValues("sex");//獲得性別String []aihao=req.getParameterValues("aihao");//獲得興趣String []add=req.getParameterValues("add");//獲得地址//String repassword=req.getParameter("repassword");//String repassword=req.getParameter("repassword");List<String> list=new ArrayList<String>();List<String> xingqu=new ArrayList<String>();if (null=="username"||"".equals(username)){list.add("there can't be a blank!"); }if (password==null||password.length()<6||password.length()>10){list.add(" the password's length must Between6 and 10 !");}if (repassword==null||repassword.length()<6||repassword.length()>10){list.add(" the password's length must Between 6 and 10!");}if (password!=null&&repassword!=null&&!password.equals(repassword)){list.add("the two password isn't the same!");}if (list.isEmpty()){ req.setAttribute("username",username);req.setAttribute("password",password);req.setAttribute("repassword",repassword);req.setAttribute("shuoming",shuoming);//說明for(int i=0;i<sex.length;i++)//性別req.setAttribute("sex",sex[i]);//興趣for(int i=0;i<aihao.length;i++){xingqu.add(aihao[i]);}req.setAttribute("aihao",xingqu+" ");//地址for(int i=0;i<add.length;i++)req.setAttribute("add",add[i]);//說明req.getRequestDispatcher("success.jsp").forward(req,resp);}else{req.setAttribute("list",list);req.getRequestDispatcher("unsuccess.jsp").forward(req,resp);}}}
最近在學習jsp先寫了個登陸界面的例子 第一步：?<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html><head><title> 登錄界面 </title><%--客戶端驗證服務器端驗證未啟動 --%><script type="text/javascript">function validate(){//判斷姓名var username=document.getElementById("username1");if (username.value.length==0){alert("用戶名不能為空！");return false;}//判斷密碼 var password=document.getElementById("password1");var repassword=document.getElementById("repassword1");if (password.value.length<6||password.value.length>10){alert("密碼長度不能少于六位超過10位！");return false;}if (repassword.value.length<6||repassword.value.length>10){alert("密碼長度不能少于六位超過10位！");return false;}if (password.value != repassword.value){alert("兩次密碼不相同！");return false;}//判斷性別var f=document.getElementById("f");var m=document.getElementById("m");if (!f.checked&&!m.checked){alert("性別沒選擇！");return false;}//判斷興趣選項var aihao=document.getElementsByName("aihao");var m=0;for ( var i=0;i<aihao.length;i++){if (aihao[i].checked){m++;}}if (m<2){alert("興趣必須多于兩個！");return false;}//判斷說明是否為空var txtValue=document.getElementById("txtTest").value;if (txtValue.length<10){alert("說明長度不能少于十個字母！");return false;}return true;}</script></head><body><form οnsubmit="return validate();" action="validateServlet" ><%//服務器端驗證：<form action="validateServlet" > %><table><tr><td >用戶登錄：</td></tr><tr><td ></td></tr><tr><td>用戶名：</td><td><input type="text" name="username" id="username1"></td></tr><tr><td>密???碼：</td><td><input type="password" name="password" id="password1"></td></tr><tr><td>重新輸入密碼：</td><td><input type="password" name="repassword" id="repassword1"></td></tr><tr><td>性???別：</td><td>男：<input type="radio" name="sex" value="female" id="f" ></td><td>女：<input type="radio" name="sex" id="male"></td></tr><tr><td>興???趣：</td><td>籃球：<input type="checkbox" name="aihao" value="basketball"></td><td>足球：<input type="checkbox"" name="aihao" value="football" ></td><td>聽歌：<input type="checkbox"" name="aihao" value="music"></td><td>書法：<input type="checkbox"" name="aihao" value="writing"></td></tr><tr><td>地???址：</td><td><select name="add" size="1"><option value="shanghai" selected>上海<option value="yantai" >煙臺<option value="beijing" >北京</select></td></tr><tr><td>說???明：</td><td><textarea name="shuoming" clos="20" rows="5" id="txtTest"></textarea></td></tr><tr><td><input type="submit" value="提交" ></td><td><input type="reset" value="重置"></td></tr></table> </form><a href="http://www.baidu.com">百度</a></body> </html>?登陸成功頁面：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html><head><title>成功登陸頁面</title></head><body><%= "個人信息："+"<br>" +"<br>"+"<br>"%><%= "姓名: "+request.getAttribute("username")+"<br>" %><%= "密碼: "+request.getAttribute("password")+"<br>" %><%= "性別: "+request.getAttribute("sex")+"<br>" %><%= "興趣: "+request.getAttribute("aihao")+"<br>" %><%= "地址: "+request.getAttribute("add") +"<br>"%><%= "說明 : "+request.getAttribute("shuoming")+"<br>" %></body> </html>
???
最近在學習jsp先寫了個登陸界面的例子 第一步：?<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html><head><title> 登錄界面 </title><%--客戶端驗證服務器端驗證未啟動 --%><script type="text/javascript">function validate(){//判斷姓名var username=document.getElementById("username1");if (username.value.length==0){alert("用戶名不能為空！");return false;}//判斷密碼 var password=document.getElementById("password1");var repassword=document.getElementById("repassword1");if (password.value.length<6||password.value.length>10){alert("密碼長度不能少于六位超過10位！");return false;}if (repassword.value.length<6||repassword.value.length>10){alert("密碼長度不能少于六位超過10位！");return false;}if (password.value != repassword.value){alert("兩次密碼不相同！");return false;}//判斷性別var f=document.getElementById("f");var m=document.getElementById("m");if (!f.checked&&!m.checked){alert("性別沒選擇！");return false;}//判斷興趣選項var aihao=document.getElementsByName("aihao");var m=0;for ( var i=0;i<aihao.length;i++){if (aihao[i].checked){m++;}}if (m<2){alert("興趣必須多于兩個！");return false;}//判斷說明是否為空var txtValue=document.getElementById("txtTest").value;if (txtValue.length<10){alert("說明長度不能少于十個字母！");return false;}return true;}</script></head><body><form οnsubmit="return validate();" action="validateServlet" ><%//服務器端驗證：<form action="validateServlet" > %><table><tr><td >用戶登錄：</td></tr><tr><td ></td></tr><tr><td>用戶名：</td><td><input type="text" name="username" id="username1"></td></tr><tr><td>密???碼：</td><td><input type="password" name="password" id="password1"></td></tr><tr><td>重新輸入密碼：</td><td><input type="password" name="repassword" id="repassword1"></td></tr><tr><td>性???別：</td><td>男：<input type="radio" name="sex" value="female" id="f" ></td><td>女：<input type="radio" name="sex" id="male"></td></tr><tr><td>興???趣：</td><td>籃球：<input type="checkbox" name="aihao" value="basketball"></td><td>足球：<input type="checkbox"" name="aihao" value="football" ></td><td>聽歌：<input type="checkbox"" name="aihao" value="music"></td><td>書法：<input type="checkbox"" name="aihao" value="writing"></td></tr><tr><td>地???址：</td><td><select name="add" size="1"><option value="shanghai" selected>上海<option value="yantai" >煙臺<option value="beijing" >北京</select></td></tr><tr><td>說???明：</td><td><textarea name="shuoming" clos="20" rows="5" id="txtTest"></textarea></td></tr><tr><td><input type="submit" value="提交" ></td><td><input type="reset" value="重置"></td></tr></table> </form><a href="http://www.baidu.com">百度</a></body> </html>?登陸成功頁面：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html><head><title>成功登陸頁面</title></head><body><%= "個人信息："+"<br>" +"<br>"+"<br>"%><%= "姓名: "+request.getAttribute("username")+"<br>" %><%= "密碼: "+request.getAttribute("password")+"<br>" %><%= "性別: "+request.getAttribute("sex")+"<br>" %><%= "興趣: "+request.getAttribute("aihao")+"<br>" %><%= "地址: "+request.getAttribute("add") +"<br>"%><%= "說明 : "+request.getAttribute("shuoming")+"<br>" %></body> </html>
???
轉載于:https://www.cnblogs.com/lixingle/archive/2012/07/18/3313034.html
總結
以上是生活随笔為你收集整理的登陆界面(jsp)客户端验证的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 浏览器检测，移动网络的在线离线及网络状态
- 下一篇： jquery实现的3D缩略图悬停效果