表单的数据有效性验证:
客户端验证:减少服务器负载,缩短用户等待时间,兼容性难
服务器端验证:统一确认,兼容性强,服务器负载重
[size=medium][color=red]本例是客户端验证[/color][/size]
<%@ 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>
<title>Insert title here</title>
</head>
<body>
<form method="POST" name="frm1" οnsubmit="return checkform(this)">
<p align="center">用户登录
<p align="center">
用户名:<input type="text" name="name" size="20">
密码:<input type="password" name="pwd" size="20"><br> <br>
<input type="submit" value=" 提交">
<input type="reset" value="全部重写"></p>
</form>
[size=xx-large]<!—客户端确认-->[/size]
<SCRIPT language=JavaScript>
function checkform(frm){
var flag=true;
if(frm.name.value=="")
{
alert("姓名不能为空,请输入值!");
frm.name.focus();
flag=false;
}
return flag;
}
</SCRIPT>
</body>
</html>
客户端验证:减少服务器负载,缩短用户等待时间,兼容性难
服务器端验证:统一确认,兼容性强,服务器负载重
[size=medium][color=red]本例是客户端验证[/color][/size]
<%@ 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>
<title>Insert title here</title>
</head>
<body>
<form method="POST" name="frm1" οnsubmit="return checkform(this)">
<p align="center">用户登录
<p align="center">
用户名:<input type="text" name="name" size="20">
密码:<input type="password" name="pwd" size="20"><br> <br>
<input type="submit" value=" 提交">
<input type="reset" value="全部重写"></p>
</form>
[size=xx-large]<!—客户端确认-->[/size]
<SCRIPT language=JavaScript>
function checkform(frm){
var flag=true;
if(frm.name.value=="")
{
alert("姓名不能为空,请输入值!");
frm.name.focus();
flag=false;
}
return flag;
}
</SCRIPT>
</body>
</html>