BlogJava-如坐春风-随笔分类-JavaScript

通用化Web表单验证方式的改进方案

如坐春风 — Wed, 21 May 2008 06:09:00 GMT

摘要: 在上文的表单验证解决方案中，有这样几个问题：
1。页面中存在自定义标签，这通不过W3C验证。
2。自定义标签不能写在Struts标签中，造成此解决方案在Struts工程中不适用。
3。验证的方式和页面内容混合在一起，没有分开。
4。原反馈信息span的id必须符合一定规范，这是额外的负担。

为了解决这些问题，我采取了如下步骤：
1。建立一种数据结构，让它容纳文本框id，反馈span的id，验证正则表达式，是否必须输入等四个信息。这样页面就不会混杂自定义标签，w3c验证和struts标签不支持的问题就解决了。
2。建立一个包含多个这种数据结构的数组，其中元素与要验证的文本域一一对应。此数组在需要验证时建立。这里虽然要多些一些JS代码，但验证信息更集中更容易修改了。
3。需要验证时取得数组元素，挨个验证即可，需要的信息都可以从数组元素中取得。整个过程可以库化通用化，页面不需要写验证。

如此做完后，我认为原先的问题基本得到解决了。下面请看具体代码阅读全文

如坐春风 2008-05-21 14:09 发表评论

使用CSS实现滑动菜单栏

如坐春风 — Thu, 08 May 2008 06:20:00 GMT

摘要: 滑动菜单多用于菜单项目较多且菜单可归纳到少数类别的场合,点击类别滑动条会上下滑动以隐藏或显示其下的子菜单.其典型应用便是Visio中滑动菜单样式.本人在Web中实现了类似的控件,拿出来希望和大家一起交流一下. 阅读全文

如坐春风 2008-05-08 14:20 发表评论

Web页面中选项卡Tabview的实现

如坐春风 — Mon, 05 May 2008 08:47:00 GMT

摘要: TabView是许多可视化编程环境提供的常见组件,它通过选项卡将内容分类,因此能在紧凑的空间内显示众多内容,这个特点使得它在可视化编程环境中很常见.
随着Web的发展,Web页面元素也开始了组件化的历程,TabView也不例外.对此Extjs的组件最值得称道,只是似乎需要一定的时间来钻研.
本人闲暇之余也实现了自己的TabView,目前在IE下运行正常和FireFox均运行正常,这里贴出来希望和大家一起探讨. 阅读全文

如坐春风 2008-05-05 16:47 发表评论

表单验证方式的通用化

如坐春风 — Mon, 07 Apr 2008 13:41:00 GMT

摘要: 在上一篇“Web页面表单域验证方式的改进“中，我们通过把验证法则（正则表达式和是否必填字段）写在表单域中，将验证过程和验证法则成功的分离，从而减少了重复代码，使验证变得简单易行，在实际使用中，我们可以把验证过程放在一个JS文件中，对于全输入验证界面，在页面的表单验证部分只需要调用其中的checkForm函数就能进行有效验证，页面上不再需要书写重复性高的JS验证代码；对于复杂的表单，比如其中含有复选框或是需要两个文本框比较的地方，这种方法也可让你不写通用验证代码而把主要精力放在特殊的验证上。这些能减轻不少工作量，让繁琐的工作变得轻松愉快起来。阅读全文

如坐春风 2008-04-07 21:41 发表评论

使用DOM操作表格

如坐春风 — Sat, 05 Apr 2008 08:05:00 GMT

摘要: 创建表格 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ --><%@ page contentType="text/html; charset=UTF-8"%> 阅读全文

如坐春风 2008-04-05 16:05 发表评论