上次我們說完jquery中的動畫之後，我們再來看一種jquery在web網頁應用最為廣泛的一種形式，這就是jquery對表單的操作，通過jquery對表單的操作，可以有效的提高使用者體驗。在此之前，我們首先要了解表單的組成部分。表單大致有3個部分組成。
第一部分由表單標籤組成，包含url及所提交的方法。即我們通常寫到的
初始化html**後，如圖1所示
我們所需要做的效果就是當游標移入文字框的時候，會出現陰影，表示此時正在操作的正是此行的文字框，效果就如圖2所示。
那麼應該如何達到這個效果呢？其實非常簡單，就是為文字框新增兩個事件：focus與blur事件。具體jquery**如下所示。
在各大**中，jquery應用最廣泛的一種恐怕就是表單驗證了吧。無論是我們在申請或者填寫登入資訊的時候，或多或少都會用到表單驗證。我們在這裡就好好說說表單驗證！可能很多人都會用外掛程式來用於表單驗證，我們在這裡首先自己寫一種表單驗證，然後我們再通過外掛程式再來寫一次表單驗證，便於理解。
還是老樣子，我們首先來看html**。
我們的目標效果是：
1. 使用者名稱及郵箱為必填項，如果沒有填寫，提示使用者填寫。
2.對使用者名稱及郵箱進行有效性驗證，要求使用者名稱至少為6位，當使用者輸入小於6位時，則會提示使用者「請輸入至少6位使用者名稱」,郵箱中必須復合郵箱規範。
1. 首先我們尋找表單中的必填文字框，即class=」required「的文字框，為其新增樣式」*「。
2. 針對使用者名稱及密碼的文字框，我們進行有效性判斷，這裡我們以使用者名稱的文字框為例進行分析，當游標離開文字框的時候應觸發blur事件，此時開始判斷使用者所輸入內容的有效性，我們在這裡假定使用者名稱至少為6位，通過判斷文字框的值的長度來返回不同的資訊，如果使用者輸入內容為空或者字元小於6位，則返回乙個錯誤訊息提示使用者輸入必須至少6位，需要注意的是，我們在返回訊息時候可以為其新增樣式，當然樣式最好定義在css中（樣式中最好帶有），如圖4所示。如果輸入長度大於等於6位，我們則返回正確資訊，並為其新增好樣式，如圖5所示。同理，也為郵箱進行有效性判斷，不過這裡值得注意的是，郵箱是通過正規表示式進行判斷的。
3. 好了，大致這些就進行的可以了，但是，如何能更好的提高使用者體驗呢？那就是我們希望，使用者在焦點引入文字框的時候就能夠進行提示，並且每鍵入乙個字元的時候，就可以再次進行有效性驗證！那麼就在上面的基礎上在為文字框新增兩個事件focus與keyup事件，此時我們直接在這兩個事件中添寫triggerhandler(「blur」)就可以，此處一定要寫triggerhandler，而不能是trigger，如果寫trigger的話，則不但會啟用我們寫的blur事件，同時也會啟用其自帶的滑鼠blur事件，而triggerhandler則可以將系統預設滑鼠blur事件關閉。
4. 當然，最後我們也應該為兩個按鈕新增click事件。那麼我們就來具體看看**吧。
中我們可以找到一款名為validation的外掛程式。在此，我們用外掛程式重新開發一次！
html**如以先前html**類似，我們具體來看jquery**。
就先寫到這裡吧，利用好jquery中對表單的驗證，可以有效提高使用者的體驗！
**：
jQuery學習筆記 五
負責解釋html和css 並在瀏覽器的視窗裡顯示 視窗就是為訪問者顯示內容的視窗 firefox使用gecko布局引擎 microsoft internet explorer 用的trident.hide show toggle 動態改變css屬性，讓頁面的變化就在使用者的眼前發生。fadein 將...
初步學習jquery學習筆記（五）
從某個標籤開始，按照某種規則移動，直到找到目標標籤為止 講解 元素是 的父元素，同時是其中所有內容的祖先。元素是 元素的父元素，同時是 的子元素 左邊的 元素是 的父元素，的子元素，同時是 的後代。元素是 的子元素，同時是 和 的後代。兩個 元素是同胞 擁有相同的父元素 右邊的 元素是的父元素，的子...
JQuery 筆記 一 jQuery核心
前言 jquery核心是最基礎的jquery物件，或者叫函式，有了它我們才可以進行其它的操作，所以，需要認真掌握。jquery核心函式 1 獲取jquery物件 包裝集 對於jquery來說，獲取物件然後進行相關的操作，所以獲取物件是第一步，這裡提供了三種獲取jquery物件的模式，而通過選擇器模式...