今天配置好了tomcat和Eclipse的环境,写一个简单的交互程序,比如输入用户名,输入密码,提交之后,假设(abc,abc123才能登陆成功),提示成功或者失败的消息。
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
%>
<!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>Insert title here</title>
</head>
<body>
<form action="3.jsp" method="post" onsubmit="return validate(this)">
<label for "i1">账号</label><input type="text" id="i1" name="params"><br/>
<label for "i2">密码</label><input type="password" id="i2" name="Password"><br/>
<label>行</label><input type="text" name ="rowspan">
<label>列</label><input type="text" name ="colspan">
<input type="submit" value="提交">
</form>
</body>
<script type="text/javascript">
function validate(f){
var params = f.params.value;
var password = f.Password.value;
if(params == "" || params == null){
alert("输入信息不能为空");
f.params.focus();//取得焦点
return false;
}else if(params == "abc" && password =="abc123456"){
alert("输入成功");
return true;
}else{
alert("账号密码不匹配");
return false;
}
}
</script>
</html>
这个交互程序的重点还是:
οnsubmit=”return validate(this)”
onSubmit=”return validate(this)”这句,是一个验证表单的功能。当validate()这个函数返回值是true的时候,表单提交,反之则不提交,而this是一个参数,代表的当前表单对象,函数有两种定义方式function 和sub。function声明的函数有返回值,用return语句返回这个值;而sub声明的函数没有返回值。