jQuery技术

jQuery的表单校验插件validate

字号+ 作者:H5之家 来源:H5之家 2015-10-10 18:37 我要评论( )

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

官方网站:

API:

今天试了一下,还是比较方便的,主要是可以与jQuery结合起来做到与HTML分离.

官网的例子里引用了几个js和css文件,但只需引用jquery.validate.js这一个文件即可.

贴个简单的例子:

$(‘#EditView’).validate({
event: “keyup”,
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位.”
},

» 你可能感兴趣的文章

翻译整理:Young.J 官方网站: jQuery是一款同prototype一样优秀...

jQuery技巧总结

一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续...

jQuery技巧总结

一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续...

使用 jQuery 简化 Ajax 开发jQuery中文入门指南,翻译加实例,jQuery的起点教程

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
a