本文介绍了一个使用HTML和Java实现的用户注册表单验证示例，包括输入字段的检查和限制，以及如何通过JSP页面接收并显示这些数据。此外，还演示了如何设置Cookie来保存用户名和密码。
1．将“注册表单”的action设到*.jsp上，在*.jsp文件中对表单传过来的数据进行接收，并将接收到的内容显示出来。
request.html
<HTML>
<HEAD>
<TITLE> 表格及表单应用 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<script>
function validate()
{
var username=document.getElementById("username");
var password=document.getElementById("psw1");
var conpassword=document.getElementById("psw2");
var gender=document.getElementsByName("gender");
var interest=document.getElementsByName("hobby");
var n=0;
var comment=document.getElementById("info");
if(username.value.length<1)
{alert("用户名不能为空！");
return false;
}
if(username.value.length<4||username.value.length>10)
{alert("用户名长度应介于4-10之间！");
return false;
}
if(password.value.length<1)
{alert("密码不能为空！");
return false;
}
if(password.value.length<4||password.value.length>10)
{alert("密码长度应介于4-10之间！");
return false;
}
if(password.value!=conpassword.value)
{alert("确认密码与密码不符！");
conpassword.value="";
return false;
}
if(!gender[0].checked&&!gender[1].checked)
{alert("性别必选其一！");
return false;
}
for(var i=0;i<interest.length;i++)
{
if(interest[i].checked)
{n++;}
}
if(n<1)
{alert("兴趣至少选一个！");
return false;
}
if(n>3)
{alert("兴趣最多选三个！");
return false;
}
if(comment.value.length<1)
{alert("简历必须填写！");
return false;
}
return true;
}
</script>
</HEAD>
<BODY >
<CENTER><H2>用户注册<H2></CENTER>
<form action="request.jsp" method="post" onsubmit="return validate()">
<TABLE BORDER=1 HEIGHT=400 WIDTH=400 BGCOLOR=#774466 ALIGN=CENTER>
<TR>
<TD>用户名:
</TD>
<TD><input type="text" name="username">
</TD>
</TR>
<TR>
<TD>密码:
</TD>
<TD><input type="password" name="psw1">
</TD>
</TR>
<TR>
<TD>确认密码:
</TD>
<TD><input type="password" name="psw2">
</TD>
</TR>
<TR>
<TD>性别:
</TD>
<TD>
<input type="radio" name="gender" value="male" >男
<input type="radio" name="gender" value="female">女
</TD>
</TR>
<TR>
<TD>爱好：
</TD>
<TD>
<input type="checkbox" name="hobby" value="vc" checked>VC
<input type="checkbox" name="hobby" value="vb" checked>VB
<input type="checkbox" name="hobby" value="vfoxpro">VF
<input type="checkbox" name="hobby" value="vjava">VJ
<br>
<input type="checkbox" name="hobby" value="bc">BC
<input type="checkbox" name="hobby" value="cobol">CO
<input type="checkbox" name="hobby" value="java">JA
<input type="checkbox" name="hobby" value="delphi">Delphi
</TD>
</TR>
<TR>
<TD>您的学历：
</TD>
<TD>
<select name="background">
<option value=choice>--请选择--</option>
<option value=01>小学</option>
<option value=middle school>初中</option>
<option value=heigh school>高中</option>
<option value=university>本科</option>
<option value=master>硕士</option>
<option value=doctor>博士</option>
</select>
</TD>
</TR>
<TR>
<TD>您的简历：
</TD>
<TD><textarea rows="12" cols="80" name="intro" wrap="hard">请输入您的简历：</textarea>
</TD>
<tr>
<td>上传附件：</td>
<td>
<input id="File" name="UpLoadFile" type="file" />
</td>
</tr>
<tr>
<td></td>
<td>
<center>
<input type="submit" value="提交">
<input type="reset" value="重置">
</center>
</td>
</tr>
</TABLE>
</form>
</BODY>
</HTML>
request.jsp
<%@ page contentType="text/html;charset=GBK"%>
<%@ page import="java.util.*"%>
<%
request.setCharacterEncoding("GBK") ; // 按中文接收
String name = request.getParameter("username") ;
String password = request.getParameter("psw1") ;
String gender=request.getParameter("gender") ;
String hobby[]=request.getParameterValues("hobby") ;
String background=request.getParameter("background") ;
String intro=request.getParameter("intro") ;
StringBuffer jianli=new StringBuffer(intro);
%>
<gecolor="566556"><h1 align=center>表单验证提取</h1>
<h2 align=center>
<%
out.print("用户名:"+name+"<br>");
out.print("密 码:"+password+"<br>");
out.print("性 别:"+gender+"<br>");
out.print("爱 好：");
if(hobby!=null)
{
for(int i=0;i<hobby.length;i++)
out.print(hobby[i]+"、");
}
out.print("<br>");
out.print("学历："+background+"<br>");
out.print("简历："+jianli+"<br>");
%>
</h2>
2．创建一个Cookie对象用来保存用户名及密码，要求：在本机中可以找到该Cookie文件。
setcookie.jsp
<%@ page contentType="text/html;charset=GBK"%>
<%
Cookie c1 = new Cookie("username","mars") ;
Cookie c2 = new Cookie("userpass","www.csdn.com") ;
c1.setMaxAge(20);
c2.setMaxAge(20);
response.addCookie(c1) ;
response.addCookie(c2) ;
%>
<h1>Cookie设置成功！ </h1>
getcookie.jsp
<%@ page contentType="text/html;charset=GBK"%>
<%
// 取得全部设置的Cookie对象
Cookie c[] = request.getCookies() ;
System.out.println(c) ;
for(int i=0;i<c.length;i++){
%>
<center>
<%=c[i].getName()%>------
<%=c[i].getValue()%>
</center>
<%
}
%>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
