覃健祥 | chin at blogchina

用JavaScript验证客户端提交的数据

                                      

写了好久了，居然忘了贴出来，^_^
附件[validate_form.js]：
http://blog.blogchina.com/upload/2004-10-29/20041029091922560319.js

目前的十一种验证类型是我做项目的时候要用到的，其他的，呵呵，字符串验证基本 都可以通过第一种（FitRegEx）和第二种（AntiRegEx）实现。
比如，如果我规定用户名只能由英文字母、数字和下划线组成，那么这样调用校验函数就 可以了：validateForm(this.username,'FitRegEx',/^[a-zA-Z0-9_]+$/)

有了FixRegEx和AntiRegEx（这个命名不是很合适，不知道是不是怀念当初白云上的Anti系 列马甲促使我用了这么个名字，^_^）两个验证类型，基本上可以完成所有的字符串验证了 ，只要你的正则表达式足够牛X，呵呵。

其他的是一些常用的验证类型，我根据form元素的标签和用途分类然后总结出来这么一些 验证类型，还算是非常科学和合理的。

如果大家有更好的分类方法和验证函数，不妨给小弟开开眼，^_^

好了，废话就说这么多，不要扔东西过来——金条和硬币除外。

老版本的JavaScript验证函数如下：
http://chin.blogchina.com/blog/article_22.56652.html

懂JavaScript编程的朋友可以看出来，老版本的JS函数和现在新写的可是有天壤之别的， ^_^
这个函数的调用方法我就不说了，不建议大家用，有个很大的毛病：用getElementById() 方法不能验证Radio和Checkbox类型的input（因为他们的Username和ID相同），还有一个 小Bug：不是所有的标签都有alt属性，textarea就没有，强行写上，在IE下面也认，但是Mozilla FireFox不认，Mozilla比较严谨。我现在做写静态网页都要兼顾两者的兼容性， 所以，我已经放弃使用这个老的JS函数了，全面更新为新验证函数了，^_^

说明：CheckLimit验证类型只能用于验证项目数多于一个的Radio Button和Checkbox，如 果只有一个叫做Someth的CheckBox（比如登录的时候"自动登陆"的复选项），验证会出 错。

还有一点，当和PHP编程结合的时候，CheckBox往往被命名为someth[]，而"[]"是JavaScript的运算符，所以，也不能使用本函数验证，至于如何验证，我在下一次改进的时候会 给出一个方案。

总的来说，这个JS函数是一个非常通用，结构很好的函数了，大家可以放心使用，但如非 必要，请不要删除前面的注释信息。

【作者: 覃健祥】【访问统计:】【2004年10月30日 星期六 17:44】【注册】【打印】