美文网首页我爱编程
jQuery常用控件

jQuery常用控件

作者: hsj_gg | 来源:发表于2018-06-21 21:21 被阅读0次

    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值。

    相关文章

      网友评论

        本文标题:jQuery常用控件

        本文链接:https://www.haomeiwen.com/subject/mbicyftx.html