数据加载中……
[原创]在jquery下写的表单验证
使用方法如下
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]

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

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



在此处下载

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

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

posted on 2008-05-03 15:24 waterlion 阅读(91) 评论(1)  编辑 收藏 所属分类: .net

评论

#1楼  2008-05-06 17:49 barney      

呵呵！！我最近也看jquery
    回复  引用  查看    

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-05-19 10:15 编辑过
 
最新IT新闻:
· 第一财经周刊:当前互联网世界正处无秩序时代
· Visual Studio 2008 SDK 1.1 发布
· 死敌VMware变身微软认证计划新成员
· 英特尔雅虎开发网络计算机频道
· Windows Live视频邮件9月9日开始测试
博客园新闻频道  博客园首页  社区