您的位置：首页 > Web前端 > JavaScript

登陆界面(jsp)客户端验证

2012-07-18 11:02 183 查看
第二步：通过servlet处理importjava.io.IOException;
importjava.io.PrintWriter;
importjava.util.ArrayList;
importjava.util.List;

importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;

publicclassvalidateServletextendsHttpServlet{

publicvoiddoGet(HttpServletRequestreq,HttpServletResponseresp)
throwsServletException,IOException{
//获得用户的信息
Stringusername=req.getParameter("username");
Stringpassword=req.getParameter("password");
Stringrepassword=req.getParameter("repassword");
Stringshuoming=req.getParameter("shuoming");//说明
String[]sex=req.getParameterValues("sex");//获得性别
String[]aihao=req.getParameterValues("aihao");//获得兴趣
String[]add=req.getParameterValues("add");//获得地址

//Stringrepassword=req.getParameter("repassword");
//Stringrepassword=req.getParameter("repassword");

List<String>list=newArrayList<String>();
List<String>xingqu=newArrayList<String>();
if(null=="username"||"".equals(username))
{
list.add("therecan'tbeablank!");
}
if(password==null||password.length()<6||password.length()>10)
{
list.add("thepassword'slengthmustBetween6and10!");
}
if(repassword==null||repassword.length()<6||repassword.length()>10)
{
list.add("thepassword'slengthmustBetween6and10!");
}
if(password!=null&&repassword!=null&&!password.equals(repassword))
{
list.add("thetwopasswordisn'tthesame!");

}

if(list.isEmpty())
{
req.setAttribute("username",username);
req.setAttribute("password",password);
req.setAttribute("repassword",repassword);
req.setAttribute("shuoming",shuoming);//说明
for(inti=0;i<sex.length;i++)//性别
req.setAttribute("sex",sex[i]);
//兴趣
for(inti=0;i<aihao.length;i++)
{
xingqu.add(aihao[i]);
}
req.setAttribute("aihao",xingqu+"");
//地址
for(inti=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先写了个登陆界面的例子

第一步：<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<html>
<head>
<title>登录界面</title>
<%--客户端验证服务器端验证未启动--%>
<scripttype="text/javascript">
functionvalidate()
{
//判断姓名
varusername=document.getElementById("username1");
if(username.value.length==0)
{
alert("用户名不能为空！");
returnfalse;
}
//判断密码
varpassword=document.getElementById("password1");
varrepassword=document.getElementById("repassword1");

if(password.value.length<6||password.value.length>10)
{
alert("密码长度不能少于六位超过10位！");
returnfalse;
}
if(repassword.value.length<6||repassword.value.length>10)
{
alert("密码长度不能少于六位超过10位！");
returnfalse;
}
if(password.value!=repassword.value)
{
alert("两次密码不相同！");
returnfalse;
}
//判断性别
varf=document.getElementById("f");
varm=document.getElementById("m");
if(!f.checked&&!m.checked)
{
alert("性别没选择！");
returnfalse;
}
//判断兴趣选项
varaihao=document.getElementsByName("aihao");
varm=0;
for(vari=0;i<aihao.length;i++)
{
if(aihao[i].checked)
{
m++;
}

}
if(m<2)
{
alert("兴趣必须多于两个！");
returnfalse;
}
//判断说明是否为空
vartxtValue=document.getElementById("txtTest").value;
if(txtValue.length<10)
{
alert("说明长度不能少于十个字母！");
returnfalse;

}

returntrue;

}

</script>

</head>
<body>

<formonsubmit="returnvalidate();"action="validateServlet">

<%//服务器端验证：<formaction="validateServlet">%>

<table>
<tr>
<td>用户登录：</td>
</tr>

<tr>
<td></td>
</tr>
<tr>
<td>用户名：</td>
<td><inputtype="text"name="username"id="username1"></td>
</tr>
<tr>
<td>密码：</td>
<td><inputtype="password"name="password"id="password1"></td>
</tr>
<tr>
<td>重新输入密码：</td>
<td><inputtype="password"name="repassword"id="repassword1"></td>
</tr>
<tr>
<td>性别：</td>
<td>男：<inputtype="radio"name="sex"value="female"id="f"></td>
<td>女：<inputtype="radio"name="sex"id="male"></td>

</tr>
<tr>
<td>兴趣：</td>
<td>篮球：<inputtype="checkbox"name="aihao"value="basketball"></td>
<td>足球：<inputtype="checkbox""name="aihao"value="football"></td>
<td>听歌：<inputtype="checkbox""name="aihao"value="music"></td>
<td>书法：<inputtype="checkbox""name="aihao"value="writing"></td>

</tr>
<tr>
<td>地址：</td>
<td><selectname="add"size="1">
<optionvalue="shanghai"selected>上海
<optionvalue="yantai">烟台
<optionvalue="beijing">北京

</select></td>
</tr>
<tr>
<td>说明：</td>
<td><textareaname="shuoming"clos="20"rows="5"id="txtTest"></textarea></td>

</tr>

<tr>
<td><inputtype="submit"value="提交"></td>
<td><inputtype="reset"value="重置"></td>
</tr>
</table>

</form>

<ahref="http://www.baidu.com">百度</a>

</body>
</html>登陆成功页面：<%@pagelanguage="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>




                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航