代码改变世界

[原创]在jquery下写的表单验证

2008-05-03 15:24  水随风  阅读(774)  评论(1编辑  收藏  举报
使用方法如下
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

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