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:"消息內容"});
});