Ajax日期验证

原创 2015年07月07日 23:17:52




html页面部分:
<html>
<head>
<title>Using Ajax for validation</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() {
//判断浏览器是否支持ActiveX控件
if (window.ActiveXObject) {
//支持则通过ActiveXObject的一个新实例来创建XMLHttpRequest对象
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//否则把XMLHttpRequest实现为一个本地JavaScript对象。
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function validate() {
createXMLHttpRequest();
var date = document.getElementById("birthDate");
var url = "servlet/ValidationServlet?birthDate=" + escape(date.value);
//设置未决的请求的目标 URL, 方法, 和其他参数
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.getElementsByTagName("message")[0].firstChild.data;
var val =xmlHttp.responseXML.getElementsByTagName("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>Ajax 实例</h1>
生日: <input type="text" size="10" id="birthDate" onchange="validate();"/>
<div id="dateMessage"></div>
</body>
</html>
servlet部分:
import java.io.*;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import javax.servlet.*;
import javax.servlet.http.*;
 
public class ValidationServlet extends HttpServlet {
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 a 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) {
System.out.println(pe.toString());
isValid = false;
}
} else {
isValid = false;
}
//返回判断结果
return isValid;
}
}


当输入一个生日时,页面会将输入的内容发送到服务器端进行判断,并将结果显示在页面上,如图5-2所示。

 

5-2  正确的生日验证



html页面部分:
<html>
<head>
<title>Using Ajax for validation</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() {
//判断浏览器是否支持ActiveX控件
if (window.ActiveXObject) {
//支持则通过ActiveXObject的一个新实例来创建XMLHttpRequest对象
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//否则把XMLHttpRequest实现为一个本地JavaScript对象。
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function validate() {
createXMLHttpRequest();
var date = document.getElementById("birthDate");
var url = "servlet/ValidationServlet?birthDate=" + escape(date.value);
//设置未决的请求的目标 URL, 方法, 和其他参数
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.getElementsByTagName("message")[0].firstChild.data;
var val =xmlHttp.responseXML.getElementsByTagName("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>Ajax 实例</h1>
生日: <input type="text" size="10" id="birthDate" onchange="validate();"/>
<div id="dateMessage"></div>
</body>
</html>
servlet部分:
import java.io.*;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import javax.servlet.*;
import javax.servlet.http.*;
 
public class ValidationServlet extends HttpServlet {
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 a 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) {
System.out.println(pe.toString());
isValid = false;
}
} else {
isValid = false;
}
//返回判断结果
return isValid;
}
}


当输入一个生日时,页面会将输入的内容发送到服务器端进行判断,并将结果显示在页面上,如图5-2所示。

 

5-2  正确的生日验证

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

Ajax日期验证

html页面部分: Using Ajax for validation type="text/javascript">var xmlHttp;function createXMLHttpRe...

使用Ajax完成验证

在看书的同时,写的小例子都想把他给保存下来,供以后复习用。 一个日期验证的例子,也许不完美,但是逻辑还是比较清晰的: 1.validation.jsp 用户验证 var xm...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

javascript 日期验证

function checkDate(str) { try { if(/\-/.test(str) && /\//.test(s...

javascript表单验证之日期验证

提供一个方法判断参数是否合法日期 提供一个方法判断参数是否是合法日期时间 提供一个方法判断参数是否为合法时间 hhmmss
  • A8_8A
  • A8_8A
  • 2015-08-25 11:06
  • 267

判断日期合法性

这边写一个判断一个日期的合法性,比如是没有2008-02-31,aaaa-03-89等都不合法的,这个Datetil在java中可以解决这样的一个问题,如果还有缺陷请相告,感谢! import ja...

日期&数学&验证码

1. import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar;...

日期&数学&验证码

1. import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; i...

最强日期验证

一、简单的日期判断(YYYY/MM/DD):  ^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$ 二、演化的日期判断(YYYY/MM/DD| YY/MM/DD):  ...

Jquery.Validate AJAX验证

Jquery.Validate是一个相当棒的客户端验证控件,它的功能强大就不必说了,本文主要介绍了它对asp.net中三类控件CheckBoxList,RadioButtonList,DropDown...

struts ajax 验证

ajax验证登陆
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)