jquery表單驗證需要做些什麼_jquery

一、當元素失去焦點時發生blur 事件。

實例：jQuery blur() 方法
新增函數到 blur 事件。當 欄位失去焦點時發生 blur 事件：

$("input").blur(function(){
alert("This input field has lost its focus.");
});

定義與用法
當元素失去焦點時發生 blur 事件。
blur() 方法觸發 blur 事件，或規定發生 blur 事件時執行的函數。
提示：此方法常與 focus() 方法一起使用。
文法
為被選元素觸發 blur 事件：

$(selector).blur() 

新增函數到 blur 事件：

$(selector).blur(function)

二、當輸入框取得焦點的時候，觸發的事件。

實例：jQuery focus() 方法
新增函數到 focus 事件。當 欄位獲得焦點時發生 focus 事件：

$("input").focus(function(){
$("span").css("display","inline").fadeOut(2000);
});

定義與用法
當元素獲得焦點時（當透過滑鼠點擊選取元素或透過 tab 鍵定位到元素時），發生 focus 事件。
focus() 方法觸發 focus 事件，或規定發生 focus 事件時運行的函數。
提示：此方法通常與 blur() 方法一起使用。
語法
觸發被選元素的 focus 事件：

$(selector).focus()

新增函數到 focus 事件：

$(selector).focus(function)

三、當鍵盤鍵被鬆開時發生keyup 事件

實例：jQuery keyup() 方法
當鍵盤鍵被放開時，設定 欄位的背景顏色：

$("input").keyup(function(){
$("input").css("background-color","pink");
});

定義與用法
與 keyup 事件相關的事件順序：

• keydown - 鍵按下的過程
• keypress - 鍵被按下
• keyup - 鍵被鬆開

當鍵盤鍵被放開時發生 keyup 事件。
keyup() 方法觸發 keyup 事件，或規定發生 keyup 事件時執行的函數。
提示：請使用 event.which 屬性來傳回哪個鍵被按下。
文法
觸發被選元素的 keyup 事件：

$(selector).keyup() 

新增函數到 keyup 事件：

$(selector).keyup(function)

四、當表單提交的時候觸發的事件

實例：jQuery submit() 方法
當提交表單時，顯示警告框：

$("form").submit(function(){
alert("Submitted");
});

定義與用法
當提交表單時，會發生 submit 事件。
該事件只適用於

元素。
submit() 方法觸發 submit 事件，或規定發生 submit 事件時執行的函數。
文法
觸發被選元素的 submit 事件：

$(selector).submit() 

新增函數到 submit 事件：

$(selector).submit(function)

以上就是jquery表單驗證需要做的四件事情，希望大家仔細研究，真正掌握jquery表單驗證的技巧。