专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Javascript教程 » jquery表单验证:jQuery formValidator表单验证插件开源了 含API帮助、源码、举例 »正文

jquery表单验证:jQuery formValidator表单验证插件开源了 含API帮助、源码、举例

来源: 发布时间:星期四, 2008年12月25日 浏览:42次 评论:0
2008-07-22 14:47

bug描述:ajaxValidator在提交后发生停留在本页面后,再次触发校验会让提示内容直处于onload状态

这个bug已经修复请重新下载


2008/7/17 14:12:00 jQuery formValidator 3.1ver

1、为inputValidator增加empty属性用于设置Control控件文本值是否允许两边为空具体请看demo1里密码校验代码
该属性是个对象默认值{leftempty:true,rightempty:true,emptyerror:null}
leftempty:表示左边是否允许为空
rightempty:表示右边是否允许为空
emptyerror:出现该时候提示如果为null则利用onerror属性来提示
注:只能在type:"size"时候使用即比较长度时候
2、修改自动构建提示层语法为formValidator增加relativeid属性
relativeid:表示提示层相对定位Control控件ID如果为空则用当前校验Control控件ID
tipid:表示自动创建提示层ID如果为空则用当前校验Control控件ID+"Tip"来命名
3、修正ajaxValidator里beforesend属性bug代码忘记传递它参数
4、修正ajaxValidator在后台无法获取中文bug
5、更新了升级记录、用户手册、增加了2个提问
1、现场演示
http://img.jb51.net/online/formValidator3.1/demo.html
2、jQuery pageValidator插件主要功能
支持所有类型客户端Control控件校验
支持jQuery所有选择器语法只要Control控件有唯ID和type属性
支持和正则表达式扩展提供扩展库formValidatorReg.js你可以自由添加、修改里面内容
支持2种校验模式种:文字提示(showword模式);第 2种:弹出窗口提示(showalert模式)
支持多个校验组如果个页面有多个提交按钮分别做区别得提交提交前要做区别校验所以你得用到校验组功能
支持4种状态信息提示功能可以灵活控制4种状态是否显示种:刚打开网页时候进行提示;第 2种:获得焦点时候进行提示;第 3种:失去焦点时校验成功时候提示;第 4种:失去焦点时校验失败提示
支持自动构建提示层可以进行精确定位
支持自定义提示信息
支持Control控件长度、值范围、选择个数控制值范围支持数值型和型;选择个数支持radio/checkbox/select 3种Control控件
支持2个Control控件值比较目前可以比较串和数值型
支持服务器端校验
支持输入格式校验
3、jQuery formValidator插件 API帮助文档
帮助文档请点击这里
4、下载API帮助、源码、举例
http://sh.jb51.net/jslib/formValidator2.4.rar
http://sh.jb51.net/jslib/formValidator3.1.rar
校验代码升级器

5、举例代码
<script type="text/javascript">
$(document).ready(function{
$.formValidator.initConfig({onError:function{alert("校验没有通过具体请看提示")}});
$("#test1").formValidator({onshow:"请输入用户名",onfocus:"用户名至少6个,最多10个",oncorrect:"恭喜你,你输对了"}).InputValidator({min:6,max:10,onerror:"你输入用户名非法,请确认"});
$("#test2").formValidator({onshow:"请选择你兴趣爱好(至少选择3个,最多选择5个)",onfocus:"你至少选择3个,最多选择5个",oncorrect:"恭喜你,你选对了"}).InputValidator({min:3,max:5,onerror:"你选个数不对(至少选择3个,最多选择5个)"});
$("#test3").formValidator({onshow:"请选择你兴趣爱好(至少选个)",onfocus:"你至少选择1个",oncorrect:"恭喜你,你选对了"}).InputValidator({min:1,onerror:"你选个数不对"});
$("#xueli").formValidator({onshow:"请选择你学历",onfocus:"学历必须选择",oncorrect:"谢谢你配合"}).SelectValidator({onerror: "你是不是忘记选择学历了!"});
$("#password1").formValidator({onshow:"请输入密码",onfocus:"两次密码必须致哦",oncorrect:"密码致"}).InputValidator({min:1,onerror:"密码不能为空,请确认"}).CompareValidator({desID:"password2",operateor:"=",onerror:"2次密码不致,请确认"});
$("#nl").formValidator({onshow:"请输入年龄(1-99岁的间)",onfocus:"只能输入1-99的间数字哦",oncorrect:"恭喜你,你输对了"}).InputValidator({min:1,max:99,type:"value",onerror:"年龄必须在1-99的间请确认"});
$("#aiguo").formValidator({onshow:"爱国定要选哦",onfocus:"你得认真研究哦",oncorrect:"不知道你爱不爱反正你是选了"}).InputValidator({min:1,max:1,onerror:"难道你不爱国?你给我选!!!!"});
$("#shouji").formValidator({empty:true,onshow:"请输入你手机号码可以为空哦",onfocus:"你要是输入了必须输入正确",oncorrect:"谢谢你合作",onempty:"你真不想留手机号码啊?"}).InputValidator({min:11,max:11,onerror:"手机号码必须是11位,请确认"}).RegexValidator({regexp:"^[1][0-9]{10}$",onerror:"你输入手机格式不正确"});
$("#lxdh").formValidator({empty:true,onshow:"请输入你联系电话可以为空哦",onfocus:"你要是输入了必须输入正确格式例如:0577-88069620",oncorrect:"谢谢你合作",onempty:"你真不想留联系电话了吗?"}).RegexValidator({regexp:"^[[0-9]{3}-|\[0-9]{4}-]?(\[0-9]{8}|[0-9]{7})?$",onerror:"你输入联系电话格式不正确"});
$("#ms").formValidator({onshow:"请输入你描述",onfocus:"描述至少要输入10个汉字或20个",oncorrect:"恭喜你,你输对了"}).InputValidator({min:20,onerror:"你输入描述长度不正确,请确认"});
});
</script>

6、特别介绍说明
如果你在使用过程中碰到什么问题请给我留言发现bug请不要自行修改也请留言达到完善插件真正服务每个开发人员 .
请保留插件版权申明谢谢
0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: