jquery表单验证validator插件用法

作者:简简单单 2013-11-16


这段时间工作上比较闲,总感觉不能让自己的技术荒废,于是又操起了老行,做起了小demo来。

这次我做了一个js版本的表单验证插件,总体的原理参照了jquery validate,但是在一些小方面还是有自己的创新。

这个插件主要功能有以下几点。

1、验证规则自定义
可以自己配置需要验证的表单项,对于验证通过或者错误时的处理,也可以自己决定,最大限度地保证了插件的灵活性。

2、验证方式多样
插件提供了丰富的验证种类,比如为空、长度、大小、相等、远程验证、数据类型验证等。

3、提示机制健全
当每次操作表单时,都可以通过配置来决定验证发生时机,比如提交表单时验证、失去或获得焦点时验证、点击时验证等等。

4、面向对象设计
此插件的代码采用了面向对象设计,各功能方法分工明细、互不干扰,最大限度的减少了冗余。

由于时间的缘故,可能这个插件还有很多地方有不足的地方,等以后有时间一定会好好休整一下。


实例





   
   
    css/bootstrap.min.css" />
   



   
javascript:void(0);">
       

            DEMO: