一、當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生blur 事件。

實(shí)例：jQuery blur() 方法
添加函數(shù)到 blur 事件。當(dāng) <input> 字段失去焦點(diǎn)時(shí)發(fā)生 blur 事件：

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

定義和用法
當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生 blur 事件。
blur() 方法觸發(fā) blur 事件，或規(guī)定當(dāng)發(fā)生 blur 事件時(shí)運(yùn)行的函數(shù)。
提示：該方法常與 focus() 方法一起使用。
語法
為被選元素觸發(fā) blur 事件：

$(selector).blur() 

添加函數(shù)到 blur 事件：

$(selector).blur(function)

二、當(dāng)輸入框獲取焦點(diǎn)的時(shí)候，觸發(fā)的事件。

實(shí)例：jQuery focus() 方法
添加函數(shù)到 focus 事件。當(dāng) <input> 字段獲得焦點(diǎn)時(shí)發(fā)生 focus 事件：

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

定義和用法
當(dāng)元素獲得焦點(diǎn)時(shí)（當(dāng)通過鼠標(biāo)點(diǎn)擊選中元素或通過 tab 鍵定位到元素時(shí)），發(fā)生 focus 事件。
focus() 方法觸發(fā) focus 事件，或規(guī)定當(dāng)發(fā)生 focus 事件時(shí)運(yùn)行的函數(shù)。
提示：該方法通常與 blur() 方法一起使用。
語法
觸發(fā)被選元素的 focus 事件：

$(selector).focus()

添加函數(shù)到 focus 事件：

$(selector).focus(function)

三、當(dāng)鍵盤鍵被松開時(shí)發(fā)生keyup 事件

實(shí)例：jQuery keyup() 方法
當(dāng)鍵盤鍵被松開時(shí)，設(shè)置 <input> 字段的背景顏色：

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

定義和用法
與 keyup 事件相關(guān)的事件順序：

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

當(dāng)鍵盤鍵被松開時(shí)發(fā)生 keyup 事件。
keyup() 方法觸發(fā) keyup 事件，或規(guī)定當(dāng)發(fā)生 keyup 事件時(shí)運(yùn)行的函數(shù)。
提示：請(qǐng)使用 event.which 屬性來返回哪個(gè)鍵被按下。
語法
觸發(fā)被選元素的 keyup 事件：

$(selector).keyup() 

添加函數(shù)到 keyup 事件：

$(selector).keyup(function)

四、當(dāng)表單提交的時(shí)候觸發(fā)的事件

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

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

定義和用法
當(dāng)提交表單時(shí)，會(huì)發(fā)生 submit 事件。
該事件只適用于 <form> 元素。
submit() 方法觸發(fā) submit 事件，或規(guī)定當(dāng)發(fā)生 submit 事件時(shí)運(yùn)行的函數(shù)。
語法
觸發(fā)被選元素的 submit 事件：

$(selector).submit() 

添加函數(shù)到 submit 事件：

$(selector).submit(function)

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

最新評(píng)論