用JavaScript和JavaBeans自动确认表单

ZDNet软件频道 时间:2003-03-10 作者:BUILDER.COM |  我要评论()
本文关键词:
本文中我们将教你创建服务器端的组件,用它来自动进行确认工作,并为Web程序中的表单提供标准化的外观和视觉效果。
在Web应用程序的输入表单中,很多东西需要被校验。比如,某一项必须填写或者某个条目必须只能是数字;只能以某个标准的格式获取数据;文字框里的省略符需要被擦除以防导致SQL错误等等。

也许你的Web应用程序只有少数几个输入表单,那么用脚本语言进行复杂的编码来完成确认工作是可行的。但是如果摆在你面前的是拥有数以百计表单的应用程序,要为每个条目都提供合法性检查,噢,真可怕。没关系,下面我们将教你创建服务器端的组件,用它来自动进行确认工作,并为Web程序中的表单提供标准化的外观和视觉效果。点击这里可以下载文章中的Java代码。

组件结构

在客户端进行确认可以避免用户间相互争用服务器端确认。JavaScript(与浏览器无关)是完成这项工作最好的工具。组件的结构可以有好几种选择,包括JavaBeans和COM组件。基于这篇文章,我选择了JavaBeans,但是你可以选择别的结构如COM或XSL来取得相同的效果。

JavaScript函数

完成自动确认的第一个步骤是,创建几个处理通用确认任务的JavaScript函数。列表A提供了一个JavaScript函数,它检查字符串是否为空并打印出错消息。checkNull函数需要两个参数:inputname和columnlabel。

参数inputname指定表单的名字或表单成员的名字,被处理的完整的字符串形式应该像这样:

document.conform.firstname.value

文本框的名字应该放在第一位,因为它对应着数据库中同名的一行。如果想把表单成员的名字作为第一个名字显示给用户,就应该使用columnlabel。

使用相似的一个方法,可以校验一个文本域是否包含一个整数,如同列表B所示。如果不是一个证书值,表单就不会被提交,并向用户显示出错消息。

Form组件

自动确认的第二步是Form组件。一个Form组件包含一个HTML数据输入,例如文本框、文字区域或一个选择框。我们希望Form组件能够与HTML无缝结合,但我们同样希望能够尽量多的实现自动化。因此所需要的是一个拥有HTML显示、能够收集用户数据而且执行自己确认工作的组件。

在这样的假定中,一个组件开发者应该独立于编写HTML、JavaScript、Java Server Page页面开发者。组件开发者创建可重用的组件供页面开发者使用。

可重用组件十分有效并且缩短了编码时间,使用这些输入组件来创建表单的页面制作者会迅速地体会到这些。我们希望页面开发者能够添加任何他们自己的HTML表单并且完成自己的JavaScript确认工作。


百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134