我爱编程

jQuery常用控件

2018-06-21  本文已影响0人  hsj_gg

1、表单验证插件——validate

    validate插件自动根据规则进入验证,并显示提示信息,验证成功后,表单才能提交。

    (1)required:true               必输字段                                

    (2)remote:"check.php"          使用ajax方法调用check.php验证输入值

    (3)email:true                  必须输入正确格式的电子邮件         

    (4)url:true                    必须输入正确格式的网址

    (5)date:true                   必须输入正确格式的日期

    (6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性

    (7)number:true                 必须输入合法的数字(负数,小数)

    (8)digits:true                 必须输入整数

    (9)creditcard:                 必须输入合法的信用卡号

    (10)equalTo:"#field"           输入值必须和#field相同

    (11)accept:                    输入拥有合法后缀名的字符串(上传文件的后缀)

    (12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符)

    (13)minlength:10               输入长度最小是10的字符串(汉字算一个字符)

    (14)rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)

    (15)range:[5,10]               输入值必须介于 5 和 10 之间

    (16)max:5                      输入值不能大于5

    (17)min:10                     输入值不能小于10

2、表单插件——ajaxform或ajaxSubmit

通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据.

$(form). ajaxForm ({options})

其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。

3、图片灯箱插件——lightBox

该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片

4、图片放大镜插件——jqzoom

$(linkimage).jqzoom({options})

其中linkimage参数为包含图片的元素名称,options为插件方法的配置对象。

当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域

5、cookie插件——cookie

使用cookie插件后,可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录,它的调用格式为:

保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null)

其中参数key为保存cookie对象的名称,value为名称对应的cookie值。

上一篇下一篇

猜你喜欢

热点阅读