例子来源：《Ajax 基础教程》 金灵 等译 这本书非常不错
validation.html
<html>
<head>
<title>Using Ajax for validation</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("birthDate");
var url = "ValidationServlet?birthDate=" + escape(date.value);
xmlHttp.onreadystatechange = callback;
xmlHttp.open("GET", url, true);
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 = "gree";
}
messageArea.innerHTML = "<font color=" + fontColor + ">" + message + " </font>";
}
</script>
</head>
<body>
<h1>Ajax Validation Example</h1>
Birth date: <input type="text" size="10" id="birthDate" onchange="validate();" />
<div id="dateMessage"></div>
</body>
</html>
ValidationServlet.java
package ajaxbook.chap4;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
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.println();
out.close();
}
private boolean validateDate(String date) {
boolean isValid = true;
if (date != null) {
SimpleDateFormat formatter = new SimpleDateFormat("yyyyMMdd");
try {
formatter.parse(date);
} catch (ParseException e) {
System.out.println(e.toString());
isValid = false;
}
} else {
isValid = false;
}
return isValid;
}
}
分享到：
相关推荐
**FormValidation.js 知识点详解** `FormValidation.js` 是一个强大且灵活的JavaScript库，专门用于前端表单验证。它提供了丰富的校验规则、样式定制以及对动态添加元素的验证支持，使得开发者能够轻松地创建高效、...
`jQuery validation.js` 是一个广泛使用的JavaScript库，用于在客户端验证HTML表单，它极大地简化了前端数据验证的过程。这个库是由Jörn Zaefferer创建并维护，是jQuery插件的一部分，提供了丰富的验证规则和自定义...
在实际应用中，使用`validation.js`时，首先需要在HTML文件中引入必要的脚本和样式文件，然后对表单元素进行适当的标记，最后初始化验证器，即可实现前端的表单验证。通过这种方式，开发者可以专注于业务逻辑，而...
3. 定义验证规则：使用HTML5的`required`属性或者自定义的数据属性（如`data-validation-email`）来指定验证规则。 4. 错误提示：通过添加`<div class="help-block">`元素来显示错误信息，Bootstrap3-validation.js...
- **index.html**：展示了如何在HTML中构建一个简单的表单，并引入`validation.js`库。 - **styles.css**：可能包含了一些自定义的样式，用于美化错误提示。 - **validation.js**：实际的验证脚本，定义了验证规则和...
赠送jar包：jakarta.validation-api-2.0.2.jar；...使用方法：解压翻译后的API文档，用浏览器打开“index.html”文件，即可纵览文档内容。 人性化翻译，文档中的代码和结构保持不变，注释和说明精准翻译，请放心使用。
1. **引入依赖**：首先在HTML页面中引入jQuery库和Validation Engine的JS及CSS文件。 2. **初始化验证引擎**：在文档加载完成后，通过`$.validationEngine('attach', options)`方法启动验证引擎。 3. **设置验证...
然后，你可以在HTML表单中添加`data-*`属性来定义验证规则，或者在JavaScript中使用`FormValidation`的API进行配置。例如： ```html <label for="email">Email ...
使用方法：解压翻译后的API文档，用浏览器打开“index.html”文件，即可纵览文档内容。 人性化翻译，文档中的代码和结构保持不变，注释和说明精准翻译，请放心使用。 双语对照，边学技术、边学英语。
- JSP视图：显示表单和处理验证错误的地方，可能使用了Struts标签库（如`<html:errors>`）来展示错误消息。 此外，项目可能还包含了其他支持文件，如JSP页面、CSS样式表、JavaScript脚本等，它们共同构成了一个完整...
"FormValidation"是一款专为此目的设计的强大工具，它提供了一种便捷的方式来验证HTML表单中的用户输入，使得开发者可以轻松地定义和更改验证规则，极大地提升了开发效率。 FormValidation的核心功能在于其灵活性和...
<title>validation test .icon-ok { background: url(./images/icon-ok.png) no-repeat center; width: 16px; height: 16px; display: inline-block; } .icon-error { background: url(./images/icon-...
Aspnet-ddd-validation.zip,用于根据Vaughn Vernon使用c 35;/asp.netddd-validation验证实体的DDD库,asp.net是一个开源的...asp.net创建基于html5、css和javascript的网站，这些网站简单、快速，可以扩展到数百万用户。
2. 引入验证插件：将下载的zip文件解压后，找到js文件，将其引入到HTML文件中，通常使用`<script>`标签完成。 3. 初始化验证：在jQuery的`$(document).ready()`函数内，使用`.validate()`方法对表单进行初始化。 4. ...
FormValidation通过使用data属性，使得开发者可以在不编写JavaScript代码的情况下，直接在HTML元素上定义验证规则。例如，你可以使用`data-rule-required="true"`来规定某个字段必须填写，或者`data-rule-minlength=...
1. **HTML标记**：在表单元素上添加特定的类和属性，如"data-validation"和"data-validation-required"，以标识哪些字段需要验证以及验证规则。 2. **JQuery事件**：当用户与表单交互时（如点击提交按钮），插件会...
jQuery-validation是一个广泛使用的JavaScript库，专门用于实现网页表单的验证功能。这个插件使得开发者能够轻松地添加各种验证规则，提升用户体验，确保用户在提交表单前输入的数据符合预设的标准。它通过简单的API...
这个压缩包包含了三个关键文件：“antisamy-esapi.xml”，“ESAPI.properties”以及“validation.properties”。这些文件是ESAPI框架的核心配置文件，下面将详细解释它们的作用和重要性。 首先，“antisamy-esapi....
赠送jar包：jakarta.validation-api-2.0.1.jar；...使用方法：解压翻译后的API文档，用浏览器打开“index.html”文件，即可纵览文档内容。 人性化翻译，文档中的代码和结构保持不变，注释和说明精准翻译，请放心使用。
赠送jar包：validation-api-2.0.1.Final.jar；...使用方法：解压翻译后的API文档，用浏览器打开“index.html”文件，即可纵览文档内容。 人性化翻译，文档中的代码和结构保持不变，注释和说明精准翻译，请放心使用。