教程集 www.jiaochengji.com
教程集 >  jQuery  >  jQuery 插件  >  正文 最精简的jquery表单验证插件coreValidator

最精简的jquery表单验证插件coreValidator

发布时间:2011-11-09   编辑:jiaochengji.com
这个是很简单的一个jquery表单验证插件,实现了表单验证的基本需求,并提供了扩展接口,这个jquery表单验证插件的代码也很清晰,易理解
前些天写了个jquery表单验证插件,因为写的很小,满足了基本的表单验证的要求,起个名字就叫coreValidator,如果你要做特效,可以自己做扩充,本插件留有接口,本表单验证插件代码很精简,使用也很方便,现在分享给大家。

插件下载:

coreValidator-1.0.zip

插件文档:

1.使用方法:

$('#form').fv(regularObj[,callback]);

2.参数解释:

参数一:regularObj是表单验证规则对象 如 { 'name':{title:'姓名',min:1,max:4,def:'您的真实姓名'}, 'qq':{title:'qq号码',reg:/^[1-9]\d{4,12}$/,required:false}, 'sex':{title:'性别',required:1}, 'birthday':{title:'出生年份',def:'0',required:true}, 'xingqu':{title:'兴趣爱好',min:1,max:3}, 'jieshao':{title:'介绍',min:3,max:20} }
  1. title——是表单名称,这一个元素是必写的
  2. min——如果表单是input:text或textarea类型的它指的是表单中填入的最小字符数,如果是 input:checkbox 表示最少要选多少项
  3. max——如果表单是input:text或textarea类型的它指的是表单中填入的最大字符数,如果是input:checkbox表示最多能选多少项
  4.  def——是指表单的默认值如果是input:text或者textarea则是表单默认的value里面的值,如果是select则是默认选 中的那个option的value值
  5. reg——对于像input:text或textarea可以设置reg,用正则验证表单值
  6. required——设定此项是否为必填,true为必填或必选,false为非必填或必选
使用注意事项:
  1. 如果设置了reg及使用了正则且不为必填,则必须设置required为false
  2. 如果设置了min且min为0则表示为非必填项,如果大于0则表示为必填项,所以设置了min的时候required可以不填
  3. select如果为必选,则必须填写def,def的值就是默认选择的那个option的value
  4. 对于input:radio的表单不需要设置min值,设置required就可以了
参数二:callback错误提示回调函数  function(obj, msg){} 回调函数接收两个参数,第一个obj是当前出错dom对象,第二个是错误提示信息 可以这么用$("form").fv({},function{o,msg}{alert(msg)}); 这是一个很简单的jquery表单验证插件,多看看例子就明白了

您可能感兴趣的文章:

关键词: jquery  插件  表单验证  jquery  特效   
[关闭]
~ ~