使用方法如下
JAVASCRIPT代码：

 <script type="text/javascript">
    $(function() {
        $('#submitbtn').validator({
            show_error_div : 'zzz',
            output_error_msg: true,
            valid_obj : [['username','reg_max_length[4]'],['password','reg_url|reg_chinesechar']]
            });
    });
    </script>

操作HTML代码如下：

<div id="zzz"></div>
   <input type="button" id="submitbtn"  value="click me"/>
   <input type="text" id="username"/>
   <input type="text" id="password">
</div>

valid_obj属性是用来存储表单对象和验证条件的关系，多个验证条件用‘|’隔开

output_error_msg属性是用来false每个控件只显示一次错误,true则都显示，默认是FALSE

show_error_div 是用来表示信息出现的DIV地方

error_array 用来存储错误的数组，每一项错误都作为这个数组的一项

所有的错误信息都用<ul><li></li></ul>表示出来

现在1.2.1版本的
支持下面的验证方法

    reg_required                                  非空验证
    reg_email                                       EMAIL验证
    reg_url                                            URL验证
    reg_chinesechar                               中文字符
    reg_is_numeric                               数字字符
    reg_min_length                              表单允许最小长度            如reg_min_length[4]
    reg_max_length                            表单允许最大长度              如reg_max_length[4]

也可以自定义错误信息。
代码比较简单。下载下来一看就明白

有些功能上面的扩展和需要改进之处，忘多多提示，不胜感激！

在此处下载

https://files.cnblogs.com/waterlion/jquery.validator.js

==================================================
以后如果有项目用到的时候再扩展