1.制作一个登录表单,输入账号和密码,如果账号,密码相符,则显示“登陆成功”,否则显示“登录失败”。
主要用<form></form>标签创建表单,然后用if...else...依次判断不同的账号密码情况。
2.在上题的表单中增加一个checkbox,让用户选择“是否注册为会员”,如果注册为会员,则在显示时增加文本“欢迎您注册为会员”。
主要用input里面的id属性,然后通过document.getElementById('id名')就可以获取到这个表单元素对象。
3.在页面1的表单内输入一个数字N,提交,能够在另一个页面打印N个“欢迎”字符串。
获取值并在新的页面里面写个for循环不断输出
4.在页面1中输入账号和密码,进行登录,如果账号和密码相符,则认为成功登录到页面2,在页面2中显示一个文本框输入用户姓名,输入之后提交,在页面3中显示用户的账号和姓名。
要想在页面3里面获得1的内容,则要在页面2里面写两个type为hidden属性的文本框接受从1传过来的值,再通过2传到页面3.
全部代码如下
建立第一个jsp页面,question1.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<script type="text/javascript">
function func() {
if (document.form1.account.value == document.form1.password.value
&& document.getElementById("register").checked) {
window.alert("登录成功,欢迎您成为会员!");
form1.submit();
return;
} else if (document.form1.account.value == document.form1.password.value) {
window.alert("登录成功!");
form1.submit();
return;
} else if(document.form1.password.value=="") {
window.alert("密码不能为空!");
return;
}else if(document.form1.account.value==""){
window.alert("账户不能为空!");
return;
}else{
window.alert("账户和密码不相符!");
return;
}
}
</script>
<%
String str2 = "12";
int number = Integer.parseInt(str2);
%>
<form name="form1" action="question12.jsp" method="post">
账号<input type="text" name="account"><br>
密码<input type="text" name="password"><br>
<input id="register" type="checkbox">是否注册为会员<br>
输入文本<input type="text" name="txt" value="<%=number%>"><br>
<input type="button" onclick="func()" value="确定"><br>
</form>
</body>
</html>
建立第二个jsp页面,question12.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<script type="text/javascript">
function func(){
if(document.form2.username.value==""){
window.alert("请输入用户名!");
return;
}else{
form2.submit();
return;
}
}
</script>
<%
request.setCharacterEncoding("UTF-8");
String account=request.getParameter("account");
String password=request.getParameter("password");
String N=request.getParameter("txt");
int n=Integer.parseInt(N);
for (int i = 0; i < n; i++) {
out.println("欢迎!");
out.println("<br>");
}
%>
<form name="form2" action="question13.jsp" method="post">
输入用户姓名:<input type="text" name="username"><br>
<input type="button" value="提交" onclick="func()">
<input type="hidden" name="account" value="<%=account%>"><br>
<input type="hidden" name="password" value="<%=password%>"><br>
</form>
</body>
</html>
建立第三个jsp页面,question13.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");
String account=request.getParameter("account");
out.println("账户为:"+account);
out.println("<br>");
String password=request.getParameter("password");
out.println("密码为:"+password);
%>
</body>
</html>