jQuery常用外掛（如何呼叫jQuery外掛學習第一天）
外掛是以jQuery的核心程式碼為基礎，編寫出符合一定規範的應用程式，並將程式進行打包，呼叫時，僅需要包含該打包後的JS檔案即可。如需要使用表單外掛，按下列步驟就可實現外掛的呼叫：
（1）在頁面中匯入包含表單外掛的JS檔案，並確定它定位與主jQuery庫後，其程式碼如下：
<head> <script type="text/javascript" src="Jscript/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="Jscript/jquery.form.js"></script> </head>
（2）在JS檔案或頁面JS程式碼中，編寫如下程式碼完成外掛的呼叫：
$(function(){
$("form").ajaxSubmit();
})程式碼中.ajaxSubmit()就是呼叫外掛中的方法，其作用就是獲取表單中的欄位值，向伺服器傳送請求。【最新外掛可以從jQuery官方網站（http://plugins.jquery.com）獲取】
jQuery常用外掛
與瀏覽器外掛不同，jQuery外掛憑藉其極易載入，體積小，功能獨立的特點深受廣大web開發人員的喜愛。
（1）驗證外掛validate
validate是一個十分優秀的表單驗證外掛之一，它廣泛地使用在全球各個的專案中，並得到廣大程式開發人員的認可，該外掛有以下功能：
1.自帶驗證規則：其中包含必填，數字，URL等眾多驗證規則。
2.驗證資訊提示：可以使用預設的提示資訊，也可以自定義提示資訊，覆蓋預設內容。
3.多種事件觸發：不僅在表單提交時觸發驗證，在“keyup”或“blur”事件也能觸發。
4.允許自定義驗證規則：除使用自帶的驗證規則外，開發者還可以很方便地自定義驗證規則。
validate的外掛使用
（1）外掛檔案：
Js-8-1/jquery.validate.js
Js-8-1/jquery.validate.message_cn.js
（2）下載地址：
http://plugins.jquery.com/project/validate
（3）功能描述：
在頁面中建立一個表單標記，ID號為“frmV”。在表單中設定兩個文字框，一個用於輸入“姓名”，另外一個用於輸入“郵箱”。單擊“提交”按鈕提交表單資料時，通過validate外掛，根據設定的驗證規則檢測表單中的各個欄位元素。
（4）實現程式碼：
<script type="text/javascript" src="Jscript/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="Jscript/jquery.validate.js"></script>
<style type="text/css">....省略部分程式碼</style>
<script type="text/javacript">
$(function(){
$("#frmV").validate(
{
/*自定義驗證規則*/
rules:{
username:{required:true,minlength:6},
email:{required:true,email:true}
},
/錯誤提示位置/
errorPlacement:function(error,element){
error.appendTo(element.siblings("span"));
}
}
);
})
</script>主體body的程式碼：
<form id="frmV" method="get" action="#">
<div class="divFrame">
<div class="divTitle">
請輸入下列資料
</div>
<div class="divContent">
<div>
使用者名稱：<br />
<input in="username" name="username" type="text" class="txt" />
<font color="red">*</font><br />
<span></span>
</div>
<div>
郵箱：<br />
<input id="email" name="email" type="text" class="txt" />
<font color="red">*</font><br />
<span></span>
</div>
<div class="divBtn">
<input id="sbtUser" type="submit" value="提交" class="btn" />
</div>
</div>
</div>
</form>（5）程式碼分析
由於validate驗證外掛預設的提示資訊是英文版的，為了漢化驗證提示資訊，頁面部分需要引用一箇中文驗證資訊庫，其程式碼如下：
<script type="text/javascript"
src="Js-8-1/jquery.validate.messages_cn.js">
</script>匯入該中文驗證資訊後，就可以將顯示的驗證資訊漢化。
驗證外掛validate匯入完成後，如果要使表單在提交資料時觸發驗證，只需要加入如下程式碼：
$(function(){
$("#frmV").validate(
{
...//表單驗證執行時的程式碼
}
);
})在這個例子中，由於進行的時簡單的“使用者名稱”與“郵箱”格式的驗證，因此，只要在validate()方法中增加一個規則（rules）屬性，用表單欄位的“name”屬性與規則進行關聯，宣告預設的驗證規則，其實現的程式碼如下：
/*自定義驗證規則*/
rules:{
username:{required:true,minlength:6},
email:{required:true,email:true}
}為了使驗證後的提示資訊顯示在頁面指定的位置中，在validate()方法中新增加一個提示資訊位置屬性。該屬性執行一個回撥函式，傳遞錯誤提示資訊與執行驗證欄位兩個引數，把提示資訊的內容通過appendTo()方法增加到觸發驗證欄位的“兄弟”元素<span>中，其實現的程式碼如下：
/*錯誤提示位置*/
errorPlacment:function(error,element){
error.appendTo(element.siblings("span"));
}相關推薦
jQuery常用外掛（如何呼叫jQuery外掛學習第一天）
外掛是以jQuery的核心程式碼為基礎，編寫出符合一定規範的應用程式，並將程式進行打包，呼叫時，僅需要包含該打包後的JS檔案即可。如需要使用表單外掛，按下列步驟就可實現外掛的呼叫： （1）在頁面中匯入包含表單外掛的JS檔案，並確定它定位與主jQuery庫後，其
基本語法掌握（shell 學習第一天）
概述 Shell 是一個用 C 語言編寫的程式，它是使用者使用 Linux 的橋樑。Shell 既是一種命令語言，又是一種程式設計語言。 Shell 是指一種應用程式，這個應用程式提供了一個介面，使用者通過這個介面訪問作業系統核心的服務。 Ken Th
JQuery輸入驗證外掛（使用layer的tips做提示）
重大更新 1.優化部分演算法 2.支援行內元素校驗定義 3.js新增元素，可新增定義事件 內附詳細教程 日期：2018-9-18 --------
jQuery 常用方法（一）
1.動態新增元素： $("#parentid").append("<img id='oImg' class='z-index' src='imgURL'>");//父元素#parentid新增子元素#oImg 2.給新增的元素新增響應事件： $(sele
JQuery 常用積累（二）Pagination 分頁元件
http://www.cnblogs.com/java-class/p/4542154.html 分頁元件幾乎是一般網站都會涉及到的元件，網上有很多這樣的外掛，自己挑來跳去選擇了這一款，功能強大，可擴充套件性比較強，而且幕後的工程師一直在完善這個外掛，
jQuery數字滾動（模擬網站人氣、訪問量遞增）原創
val RF als bottom 定期 lan left position 分享 插件描述：實現數字上下滾動，模擬網站人氣、訪問量遞增的動畫效果，兼容性如下： 使用方法 $(el).runNum(val,params); 參數詳解 val：數值型(默認
layui form.js select的擴充套件外掛（轉自Author：@賢心）
最近做的需求裡面有類似於下拉框多選的需求，因為本身應用的是layui的元件庫，所以變去借鑑了一下寫法，應用到自己的專案之後的效果那是剛剛的。超級好用，下面先貼上程式碼：/** @Name：layui.form 表單元件 @Author：賢心 @License：MIT */layui.define('l
大資料學習第一天——linux常用命令（三）
三 檔案操作 1建立檔案 touch somefile.txt 建立一個空檔案somefile.txt > 重定向操作符 echo "woshiwoa"> some.txt 將woshiwoa寫入到some.txt 檔案中，如果檔案不存在則會創建出來 echo "www.ba
eclipse 安裝java ee外掛（java se升級到java ee）
本來安裝的java se，後需要開發java ee程式，走了些彎路才安裝成功。如下是步驟 1.開啟eclipse，help->About Eclipse IDE，看好我下圖紅線圈出的地方，也就是版本號 2.help->install New Softwar
jQuery選擇器——（記一次慘痛的經歷）
1.基本選擇器 $("#id") //ID選擇器 $("div") //元素選擇器 $(".classname") //類選擇器 $(".classname,.classname1,#id1") //組合選擇器
JQuery二級聯動 （ each(callback)，$.each(object, [callback])）
1.each(callback) HTML 程式碼: <img/><img/> jQuery 程式碼: $("img").each(function(i){ this.src = "test" + i + ".jpg"; }); 結果: [ &
Spring Boot 整合Mybatis 之 Mapper外掛（自動生成XML及Mapper程式碼）
pom檔案 主要程式碼 <dependencies> <dependency> <groupId>mysql</groupId> <artifactI
eclipse 的spring匯入外掛（springsource-tool-suite-3.9.6）
方式一：離線的外掛（但是還是需要網路） 第一步：點選Help —》ininstall new Software 第二步： 第三步：work with 裡面填寫的是外掛路徑 —》在專案name中選中後面有spring 的單詞的檔案–》把 contact
servlet+jdbc+html+jquery+Mysql資料庫（基於MVC的簡單查詢系統）
/** * 資料庫連線工具 * @author yaochi * */ public class DBHelper { private static final String url = "jdbc:mysql://192.168.1.11/db_test_01";
Photoshop CS6安裝ico外掛（使其支援ico儲存格式）
1. 下載ICOFormat.8BI、ICOFormat64.8BI 百度網盤下載連結：檔案下載地址 2. 將兩個檔案分別存放至相應資料夾 ICOFormat.8BI（即支援32位）複製到D:\Program Files\Adobe\Adobe
jQuery 詳解（含最新的3.x版本）
jQuery 版本的異同點 目前 jQuery 有三個大版本： 1.x ： 相容 IE 6,7,8，使用廣泛 2.x ： 不相容 IE 6,7,8，核心發生了改變，效能上有所提升 3.x ： 不相容 IE 6,7,8，迎合最新的 ECMAS
Thinkphp拖拽上傳檔案-使用webuploader外掛（自己稍微改動了一些地方）——不切片上傳
在拖拽或選擇上傳會遇到上傳檔案大小限制問題——如果檔案很大，可以做切片，也可以不做切片，如果不做切片，檔案太大，可能會上傳失敗，因為“WAMP資料庫上傳檔案的大小及上傳時間會受限制”，可以進行一下操作： 檔案大小限制問題轉載連結：http://blog.csdn.net/l
jQuery操作select（設定某個option為選中狀態）
摘要: 之前看到別人的部落格上關於這個操作是有誤的，所以決定mark一下– –2016/02/某天自oschina blog。 小夥伴的程式碼是這樣的： $(".selector").find("option[text='xxx']").attr("se
大掌門手遊外掛（大掌門代練助手）
大掌門代練助手是可以幫助玩家自動代練小號的軟體， 現在只支援android 百度手機助手下載的大掌門客戶端，支援新浪，百度，多酷賬號登入。 下載地址： 連結: http://pan.baidu.com/s/1dD8cikh 密碼: gsf4
android外掛自定義之多渠道打包外掛（支援微信資源混淆andResGuard）
前言 自定義android studio外掛？想想就覺得是一件令人興奮的事。最近閒來無事決定完善之前的一些程式碼操作，然後就想到了之前的apk多渠道打包工具，覺得還是太麻煩，何不用外掛的形式引入工程自動打包呢。說做就做… 資料整理 簡單流程