[原创]在jquery下写的表单验证
2008-05-03 15:24 水随风 阅读(774) 评论(1) 编辑 收藏 举报
使用方法如下
JAVASCRIPT代码:
操作HTML代码如下:
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
==================================================
以后如果有项目用到的时候再扩展
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>
$(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>
<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
==================================================
以后如果有项目用到的时候再扩展