第17章 Aax高级表单验证程序.pptVIP

第17章 Ajax高级表单验证程序 在交互性的Web应用程序中，主要依靠各种表单来采集用户的数据。作为安全的、健壮的应用程序的一部分，对表单数据的有效性验证是必不可少的。表单验证程序是JavaScript最基本、也是最经典的应用。一个设计良好的表单验证程序，不仅为数据的有效性提供了保障，同时也能给用户带来良好的操作体验。本章将会和读者一起设计并完成一个功能强大的Ajax高级表单验证程序。 17.1 确定需求 在开始做系统设计之前，首先来确定需求。 提供对表单元素的绑定验证。 提供内建验证规则以支持常用的验证模式，例如：邮件地址、电话号码等。 内建规则要能够方便地进行扩展。 提供自定义验证规则，包括自定义正则表达式模式、自定义验证函数等。 支持Ajax远程验证。 验证程序要提供足够的事件以提供对界面功能的支持。 验证程序要与界面结构松耦合以提高复用度。 17.2 基本设计 在确定需求之后，现在开始做系统设计。按照需求，将验证程序的逻辑抽象出来，封装成类，利用JSVM进行组织和管理。 17.3 代码实现 现在开始对验证程序所包含的类进行具体的代码实现。在JSVM的classes文件夹下建立文件夹util，然后分别建立Ajax文件夹和validate文件夹。首先实现EventManager类。 17.3.1 实现EventManager类 在util文件夹下建立文件EventManager.class.js，该类的实现代码如下所示。 17.3.2 实现Request类 在Ajax文件夹下建立Request.class.js，该类的实现代码如下所示。 17.3.3 实现Validator类 在validate文件夹下建立文件Validator.class.js，该类的实现代码如下所示。 17.3.4 实现FormItemValidator类 在validate文件夹下建立FormItemValidator.class.js，该类的实现代码如下所示。 17.3.5 实现FormValidator类 在validate文件夹下建立文件FormValidator.class.js，该类的实现代码如下所示。 17.4 测试 在完成代码实现以后，编写以下用例以进行测试，测试代码如下所示。 * *