本文主要是实现了jsp调用javascript代码。
内容:使用jsp实现了一个简单的登录界面,点击登录调用javascript代码,对用户的输入有效性进行验证-判断输入是否为空;
代码:
(1)login.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/javascript">
<!--
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{
alert(alerttxt);
return false
}
else {
return true
}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(uname,"账号不能为空")==false)
{
uname.focus();
return false;
}
if (validate_required(upass,"密码不能为空")==false)
{
upass.focus();
return false;
}
}
}
-->
</script>
</head>
<body>
<form action="loginManager.jsp" onsubmit="return validate_form(this)" method="post">
账 号: <input type="text" name="uname" size="30">
<br/>
密 码: <input type="text" name="upass" size="30">
<br/>
<input type="submit" value="登 录">
</form>
</body>
</html>
(2)loginManager.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录处理</title>
</head>
<body>
<%
String uname=request.getParameter("uname");
String upass=request.getParameter("upass");
if(uname==null || upass==null){
System.out.println("参数为空");
}else{
if(uname.equals("wzt") && upass.equals("wzt")){
response.sendRedirect("main.jsp");//路径001
}else{
response.sendRedirect("login.jsp");
}
}
%>
</body>
</html>
(3)main.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>欢迎来到主界面</title>
</head>
<body>
<%
out.println("Hello, welcome to Main jsp.");
%>
</body>
</html>