jquery表單驗(yàn)證需要做些什么
一、當(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() 方法一起使用。
語(yǔ)法
為被選元素觸發(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() 方法一起使用。
語(yǔ)法
觸發(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 屬性來(lái)返回哪個(gè)鍵被按下。
語(yǔ)法
觸發(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ù)。
語(yǔ)法
觸發(fā)被選元素的 submit 事件:
$(selector).submit()
添加函數(shù)到 submit 事件:
$(selector).submit(function)
以上就是jquery表單驗(yàn)證需要做的四件事情,希望大家仔細(xì)研究,真正掌握jquery表單驗(yàn)證的技巧。
- jQuery formValidator表單驗(yàn)證插件開源了 含API幫助、源碼、示例
- jQuery 表單驗(yàn)證插件formValidation實(shí)現(xiàn)個(gè)性化錯(cuò)誤提示
- jValidate 基于jQuery的表單驗(yàn)證插件
- jquery 最簡(jiǎn)單易用的表單驗(yàn)證插件
- jquery validate.js表單驗(yàn)證的基本用法入門
- jQuery 表單驗(yàn)證擴(kuò)展代碼(一)
- jQuery 表單驗(yàn)證擴(kuò)展代碼(二)
- jQuery 表單驗(yàn)證擴(kuò)展(三)
- Jquery練習(xí)之表單驗(yàn)證實(shí)現(xiàn)代碼
- jquery中dom操作和事件的實(shí)例學(xué)習(xí)-表單驗(yàn)證
- jQuery表單驗(yàn)證插件formValidator(改進(jìn)版)
- jquery 實(shí)現(xiàn)表單驗(yàn)證功能代碼(簡(jiǎn)潔)
- jquery插件制作 表單驗(yàn)證實(shí)現(xiàn)代碼
- jquery表單驗(yàn)證使用插件formValidator
- Jquery 表單驗(yàn)證類介紹與實(shí)例
- jQuery實(shí)現(xiàn)用戶注冊(cè)的表單驗(yàn)證示例
- jquery內(nèi)置驗(yàn)證(validate)使用方法示例(表單驗(yàn)證)
- Jquery插件easyUi表單驗(yàn)證提交(示例代碼)
- 基于Bootstrap+jQuery.validate實(shí)現(xiàn)Form表單驗(yàn)證
- jquery validate.js表單驗(yàn)證入門實(shí)例(附源碼)
相關(guān)文章
一張表格告訴你windows.onload()與$(document).ready()的區(qū)別
這篇文章主要介紹了windows.onload()與$(document).ready()的區(qū)別2014-05-05
分享28款免費(fèi)實(shí)用的 JQuery 圖片和內(nèi)容滑塊插件
這篇文章主要介紹了分享28款免費(fèi)實(shí)用的 JQuery 圖片和內(nèi)容滑塊插件,需要的朋友可以參考下2014-12-12
jQuery實(shí)現(xiàn)漂亮實(shí)用的商品圖片tips提示框效果(無(wú)圖片箭頭+陰影)
這篇文章主要介紹了jQuery實(shí)現(xiàn)漂亮實(shí)用的商品圖片tips提示框效果,具有鼠標(biāo)滑過顯示動(dòng)態(tài)提示框的效果,涉及針對(duì)鼠標(biāo)事件的響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-04-04
JQuery發(fā)送ajax請(qǐng)求時(shí)中文亂碼問題解決
這篇文章主要介紹了JQuery發(fā)送ajax請(qǐng)求時(shí)中文亂碼問題解決,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
JQuery實(shí)現(xiàn)簡(jiǎn)單的服務(wù)器輪詢效果實(shí)例
這篇文章主要介紹了JQuery實(shí)現(xiàn)簡(jiǎn)單的服務(wù)器輪詢效果,結(jié)合實(shí)例形式分析了jQuery的ajax交互結(jié)合.net處理實(shí)現(xiàn)輪詢效果的相關(guān)技巧,需要的朋友可以參考下2016-03-03
jquery中實(shí)現(xiàn)簡(jiǎn)單的tabs插件功能的代碼
jquery改變了程序員寫javascript的方式。作為jquery的愛好者和新手,最近我學(xué)會(huì)了用寥寥幾句jquery代碼實(shí)現(xiàn)類似tabs插件的功能,相信此文能為許多剛?cè)腴T的jquery愛好者和想實(shí)現(xiàn)tabs插件功能的朋友帶來(lái)一些幫助。2011-03-03
很棒的學(xué)習(xí)jQuery的12個(gè)網(wǎng)站推薦
jQuery是目前最流行的 JavaScript 庫(kù)。對(duì)于初學(xué)者來(lái)說,有的時(shí)候很難找到一個(gè)好的學(xué)習(xí)jQuery的網(wǎng)站,今天本文收集了12個(gè)很棒的 jQuery 學(xué)習(xí)網(wǎng)站推薦給大家。2011-04-04

