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

JSP简单练习-获取表单数据

2014-07-18 08:19 507 查看
在JSP中,服务器端程序与客户端交互最常用的方法就是采用表单提交数据。表单提交的方法主要有两种,一种是get方法,另一种是post方法,两者最大的区别:使用get方法提交的数据会显示在浏览器的地址栏中,而post方法则不会显示,故post方法更为常用。表单中提交的数据可以是文本框、列表框及文本区域等。使用request对象的getParameter()方法可得到表单中相应数据项的值。

以下为“获得表单数据”的代码:

<!-- userRegist2.jsp -->
<%@ page contentType="text/html;charset=gb2312" %>
<script language="javascript">
function on_submit()  // 验证数据的合法性
{
if(form1.username.value=="")
{
alert("用户名不能为空,请输入用户名!");
form1.username.focus();
return false;
}
if(form1.userpassword.value=="")
{
alert("用户密码不能为空,请输入密码!");
form1.userpassword.focus();
return false;
}
if(form1.reuserpassword.value=="")
{
alert("用户确认密码不能为空,请输入密码!");
form1.reuserpassword.focus();
return false;
}
if(form1.userpassword.value!=form1.reuserpassword.value)
{
alert("密码与确认密码不同");
form1.userpassword.focus();
return false;
}
if(form1.email.value.length!=0)
{
for(i=0;i<form1.email.value.length;i++)
{
if(form1.email.value.charAt(i)=='@')
{
break;
}
}
if(i==form1.email.value.length)
{
alert("非法E-mail地址!");
form1.email.focus();
return false;
}
}
else
{
alert("请输入E-mail!");
form1.email.focus();
return false;
}
}
</script>
<html>
<head>
<title>新用户注册</title>
</head>
<body>
<form method="POST" action="acceptUserRegist.jsp" name="form1" onsubmit="return on_submit()">
新用户注册<br>
用户名(*):<input type="text" name="username" size="20"><br>
密 码(*):<input type="password" name="userpassword" size="20"><br>
再输一次密码(*):<input type="password" name="reuserpassword" size="20"><br>
性别:<input type="radio" value="男" checked name="sex">男<input type="radio" name="sex" value="女">女<br>
出生年月:<input name="year" size="4" maxlength=4>年
<select name="month">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
<input name="day" size="3" maxlength=4>日<br>
电子邮箱(*):<input name="E-mail" maxlength=28><br>
家庭住址:<input type="text" name="address" size="20"><br>
<input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"><br>
</form>
</body>
</html>
<!-- acceptUserRegist.jsp -->
<%@ page contentType="text/html; charset=gb2312" %>
<%!
public String codeToString(String str)
{
String s=str;
try{
/* 下面需注意:不能使用gb2312,需使用ISO-8859-1 */
byte tempB[]=s.getBytes("ISO-8859-1");
s=new String(tempB);
return s;
}catch(Exception e)
{
return s;
}
}
%>
<html>
<head>
<title>接收新用户注册</title>
</head>
<body>
这是新用户注册所提交的数据:
<br>
用户名是:<%=codeToString(request.getParameter("username")) %><br>
密码是:<%=codeToString(request.getParameter("userpassword")) %><br>
性别是:<%=codeToString(request.getParameter("sex")) %><br>
出生年月:<%=request.getParameter("year")+request.getParameter("month")+request.getParameter("day") %><br>
电子邮箱:<%=request.getParameter("E-mail") %><br>
家庭住址:<%=codeToString(request.getParameter("address")) %><br>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: