欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程>jquery教程

目录导航

jQuery的表单校验插件validate

香港高防(10G)机房 添加于 2012-09-05   jqueryvalidate

jquery教程

今天试了一下,还是比较方便的,主要是可以与jQuery结合起来做到与HTML分离.
官网的例子里引用了几个js和css文件,但只需引用jquery.validate.js这一个文件即可.
贴个简单的例子:

$('#EditView').validate({
              event: 'keyup',
              onfocusout: false, //不响应失去焦点
              onkeyup: false,//不响应键盘事件, 对于需要使用 remote远程验证的控件可以设置仅在失去wyhk
              rules:{
                  name:{required:true},
                  cosa_commodity_group_list:{required:true}
              },
              submitHandler:function(){
                  $('#group_list > option').attr('selected', 'selected');
                  $(this).submit();
              }
});

1.event是触发校验的方式,可选值有keyup(每次按键时),blur(当控件失去焦点时),不使用这个参数时就只在按提交按钮时触发
2.如果在提交前还需要进行一些自定义处理使用submitHandler参数,其它的都比较简单,自己看看API就成了.
3.debug,如果这个参数为true,那么表单不会提交,只进行检查,调试时十分方便.
4.rules,所有的检验规则都写在这个参数里面.
格式为 ID : {rule1,rule2,...}
(1) required: true 必输
(2) number: true 只能输入数字(包括小数)
(3) digits:true 只能输入整数
(4) minValue: 3 不能小于3
(5) maxValue: 100 最大不超过100
(6) rangeValue:[50,100] 值范围为50-100
(7) minLength: 5 最小长度(汉字算一个字符)
(8) maxLength: 10 最大长度(汉字算一个字符)
(9) rangeLength:[5,10] 长度范围为5至10位(汉字算一个字符)
(10) 上面的minLength, maxLength, rangeLength 这三项除了text input之外还可以用于checkbox,select这两种控件
(11) email:true 电子邮件
(12) equalTo: "#field" 与#field值相同
(13) dateISO:true 日期型,格式为1998/01/22 1999-12-12

5.messages,自定义错误信息,格式与rules类似:

messages {
           password: {
               required: "请输入您的密码."
               minLength: "密码不能小于5位.",
               maxLength: "密码不能长于32位."
           },

 

官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
API: http://jquery.bassistance.de/api-browser/plugins.html

零度科技原文链接:http://www.ldisp.com/a/jquery/2011/validate.shtml

上一篇:jQuery制作的一个修复IE6不支持固定定位的插件
下一篇:jQuery右键菜单插件介绍

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

154

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理