JQuery插件

1.validate 验证

(1)required：必填字段

<input type="text" id="text1" required/>

(2)email：验证邮箱格式，支持很多形式的邮箱

<input type="email" id="email" required/>

(3)url：验证网址，形如http://www.baidu.com不支持不在前面加http的形式

<input type="url" id="url" required/>

(4)maxlength：输入字符的最大长度

<input type="text" maxlength="5" required/>

(5)rangelength[ ]：输入5-10个字符

<input type="text" id="rangelength" rangelength="[5,10]"/>

验证的第二种写法：可以在表单中进行验证

2.accordion 折叠

依据标题h和内容p来自动选择折叠

$("#div1").accordion();

header：定义以哪个标签来折叠
event：定义折叠的事件。例如：mouseover，鼠标移上去就可以进行折叠
animate：定义是否有动画。默认true有动画
disable：禁用折叠
destory：销毁折叠

3.autocomplete

预选框

$(function () {
    var content = [
        "华",
        "华点",
        "欢迎来到华点"
    ];
    $("#text1").autocomplete({
        source: content
    });
});

4.growl

提示框
title：消息提示的标题
message：消息提示的内容
①

$("#btn1").click(function(){
    $.growl({title:"消息提示",message:"消息内容"});
});

②notice

$("#btn2").click(function(){
    $.growl.notice({title:"消息提醒",message:"消息内容"});
});

③warning

$("#btn3").click(function(){
    $.growl.warning({title:"消息警告",message:"消息内容"});
});

④error

$("#btn4").click(function(){
    $.growl.error({title:"消息错误",message:"消息内容"});
});