插件的概述:插件是以 jQuery 的核心代码为基础,编写出复合一定规范的应用程序。也就是说,插件也是 jQuery 代码,通过 js 文件引入的方式植入即可。
插件的种类很多,达上千种,主要大致可以分为:UI 类、表单及验证类、输入类、特效类、Ajax类、滑动类、图形图像类、导航类、综合工具类、动画类等等。
如何引用插件?
引入插件是需要一定步骤的,基本如下:
1.必须先引入 jquery.js 文件,而且在所有插件之前引入;
2.引入插件;
3.引入插件的周边,比如皮肤、中文包等。
插件注意:
必须先引入jQuery文件
再引入jQuery插件文件
表单检验插件Validate插件的使用
如何实现?
获取表单,调用validate(options)方法进行验证
该方法接收选项options
{
rules : {//设置验证规则
key : value
key - 表单元素的name属性值
value - 验证规则名称
},
messages : {//设置错误信息
key : value
key - 表单元素的name属性值
value - 设置错误信息
}
}
通过自定义验证规则
$.validator.addMethod(name,method,message)
* name - 设置自定义验证规则的名称
* method - 就是一个函数
function(value,element,param){}
* value - 元素的值(验证当前元素的值)
* element - 元素本身(验证当前元素)
* param - 参数(rules中的value值)
* message - 设置自定义验证规则的错误信息