电梯直达

1楼 [收藏(0)] [报告]

发表于 2006-06-23 16:55 |只看该作者 |倒序浏览

这段代码想要实现的效果是：
当用户输入完日期时按Enter键后显示日期格式是否正确。
代码如下：
－－－－－－－－－－－－客户端代码(javascript－jsp-source)－－－－－－－－－－－－－－－－－－－

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page language="java"%>
<%@ page pageEncoding="UTF-8"%>
<%--@ page import=""--%>
<html>
<head>
<title>用户验证<title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function validate()
{
createXMLHttpRequest();
var date = document.getElementById("brithDate");
var url = "ValidateionSerlet?birthDate=" + escape(date.value);
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
function callback()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var mes = xmlHttp.responseXML.getElementByTagName("message")[0].firstChild.data;
var val = xmlHttp.responseXML.getElementByTagName("passed").[0].firstChild.data;
setMessage(mes, val);
}
}
}
function setMessage(message, isValid)
{
var messageArea = document.getElementById("dateMessage");
var fontColor = "red";
if(isValid == true)
{
fontColor = "green";
}
messageArea.innerHTML = "<font color="+fontColor+">"+message+"</font>"
}
</script>
</head>
<body>
<h1>验证日期</h1>
输入日期：<input type="text" size="10" id="birthDate" onchange="validate();">
<div id="dateMessage"></div>
</body>
</html>

复制代码

－－－－－－－－－－服务器端(java-source)－－－－－－－－－－－－－－－－－－－－－－－－

//package mypack;
import java.io.*;
import java.text.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class ValidateionSerlet extends HttpServlet
{
public ValidateionSerlet(){}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
{
PrintWriter out = response.getWriter();
boolean passed = validateDate(request.getParameter("birthDate"));
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");
String message = "You have entered an invalid date.";
if(passed)
{
message = "You have entered an valid date.";
}
out.println("<response>");
//out.println("<passed>" + (boolean.toString(passed)) + "</passed>");
out.println("<message>" + message + "</message>");
out.println("</response>");
out.close();
}
private boolean validateDate(String date)
{
boolean isValid = true;
if(date != null)
{
SimpleDateFormat formatter = new SimpleDateFormat("MM/dd/yyyy");
try
{
formatter.parse(date);
}
catch(ParseException pe)
{
isValid = false;
}
}
else
{
isValid = true;
}
return isValid;
}
}