巧用Adobe Dreamweaver CS3的Spry框架实现表单验证功能
- 2022-02-02
- 来源/作者： adobe-dreamweaver.cn / adobe-dr…
- 3 次浏览
et="_blank" href="http://www.adobe.com/go/vid0167_cn">Spry 框架是一个 JavaScript 库，Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。有了 Spry，就可以使用 HTML、CSS 和极少量的 JavaScript 将 XML 数据合并到 HTML 文档中，创建构件（如折叠构件和菜单栏），向各种页面元素中添加不同种类的效果。在设计上，Spry 框架的标记非常简单且便于那些具有 HTML、CSS 和 JavaScript 基础知识的用户使用。
在以往版本的Dreamweaver中，我们如果要实现表单验证只有两种途径，一种是使用行为面板中的检查表单行为。另一个是借助其他表单验证插件来实现。其中检查表单行为所提供的功能太过于简陋，而使用其他插件功能也不能尽如人意。
好在新版本的Adobe Dreamweaver CS3提供了一个ajax的框架Spry。Spry框架内置表单验证的功能，这对于设计新手来说的确是非常方便的一项功能。Spry 验证文本域构件是一个文本域，该域用于在站点访问者输入文本时显示文本的状态（有效或无效）。例如，您可以向访问者键入电子邮件地址的表单中添加验证文本域构件。如果访问者无法在电子邮件地址中键入“@”符号和句点，验证文本域构件会返回一条消息，声明用户输入的信息无效。
下例显示一个处于各种状态的验证文本域构件：
除了文本框验证，Spry还提供了其他几个验证的表单元素。具体设置请看下面的组图：
