jquery表單驗證需要做些什么
一、當(dāng)元素失去焦點時發(fā)生blur 事件。
實例:jQuery blur() 方法
添加函數(shù)到 blur 事件。當(dāng) <input> 字段失去焦點時發(fā)生 blur 事件:
$("input").blur(function(){ alert("This input field has lost its focus."); });
定義和用法
當(dāng)元素失去焦點時發(fā)生 blur 事件。
blur() 方法觸發(fā) blur 事件,或規(guī)定當(dāng)發(fā)生 blur 事件時運行的函數(shù)。
提示:該方法常與 focus() 方法一起使用。
語法
為被選元素觸發(fā) blur 事件:
$(selector).blur()
添加函數(shù)到 blur 事件:
$(selector).blur(function)
二、當(dāng)輸入框獲取焦點的時候,觸發(fā)的事件。
實例:jQuery focus() 方法
添加函數(shù)到 focus 事件。當(dāng) <input> 字段獲得焦點時發(fā)生 focus 事件:
$("input").focus(function(){ $("span").css("display","inline").fadeOut(2000); });
定義和用法
當(dāng)元素獲得焦點時(當(dāng)通過鼠標(biāo)點擊選中元素或通過 tab 鍵定位到元素時),發(fā)生 focus 事件。
focus() 方法觸發(fā) focus 事件,或規(guī)定當(dāng)發(fā)生 focus 事件時運行的函數(shù)。
提示:該方法通常與 blur() 方法一起使用。
語法
觸發(fā)被選元素的 focus 事件:
$(selector).focus()
添加函數(shù)到 focus 事件:
$(selector).focus(function)
三、當(dāng)鍵盤鍵被松開時發(fā)生keyup 事件
實例:jQuery keyup() 方法
當(dāng)鍵盤鍵被松開時,設(shè)置 <input> 字段的背景顏色:
$("input").keyup(function(){ $("input").css("background-color","pink"); });
定義和用法
與 keyup 事件相關(guān)的事件順序:
- keydown - 鍵按下的過程
- keypress - 鍵被按下
- keyup - 鍵被松開
當(dāng)鍵盤鍵被松開時發(fā)生 keyup 事件。
keyup() 方法觸發(fā) keyup 事件,或規(guī)定當(dāng)發(fā)生 keyup 事件時運行的函數(shù)。
提示:請使用 event.which 屬性來返回哪個鍵被按下。
語法
觸發(fā)被選元素的 keyup 事件:
$(selector).keyup()
添加函數(shù)到 keyup 事件:
$(selector).keyup(function)
四、當(dāng)表單提交的時候觸發(fā)的事件
實例:jQuery submit() 方法
當(dāng)提交表單時,顯示警告框:
$("form").submit(function(){ alert("Submitted"); });
定義和用法
當(dāng)提交表單時,會發(fā)生 submit 事件。
該事件只適用于 <form> 元素。
submit() 方法觸發(fā) submit 事件,或規(guī)定當(dāng)發(fā)生 submit 事件時運行的函數(shù)。
語法
觸發(fā)被選元素的 submit 事件:
$(selector).submit()
添加函數(shù)到 submit 事件:
$(selector).submit(function)
以上就是jquery表單驗證需要做的四件事情,希望大家仔細(xì)研究,真正掌握jquery表單驗證的技巧。
- jQuery formValidator表單驗證插件開源了 含API幫助、源碼、示例
- jQuery 表單驗證插件formValidation實現(xiàn)個性化錯誤提示
- jValidate 基于jQuery的表單驗證插件
- jquery 最簡單易用的表單驗證插件
- jquery validate.js表單驗證的基本用法入門
- jQuery 表單驗證擴展代碼(一)
- jQuery 表單驗證擴展代碼(二)
- jQuery 表單驗證擴展(三)
- Jquery練習(xí)之表單驗證實現(xiàn)代碼
- jquery中dom操作和事件的實例學(xué)習(xí)-表單驗證
- jQuery表單驗證插件formValidator(改進版)
- jquery 實現(xiàn)表單驗證功能代碼(簡潔)
- jquery插件制作 表單驗證實現(xiàn)代碼
- jquery表單驗證使用插件formValidator
- Jquery 表單驗證類介紹與實例
- jQuery實現(xiàn)用戶注冊的表單驗證示例
- jquery內(nèi)置驗證(validate)使用方法示例(表單驗證)
- Jquery插件easyUi表單驗證提交(示例代碼)
- 基于Bootstrap+jQuery.validate實現(xiàn)Form表單驗證
- jquery validate.js表單驗證入門實例(附源碼)
相關(guān)文章
jQuery實現(xiàn)簡單的列表式導(dǎo)航菜單效果代碼
這篇文章主要介紹了jQuery實現(xiàn)簡單的列表式導(dǎo)航菜單效果代碼,涉及jquery操作鼠標(biāo)事件及頁面元素樣式動態(tài)變換的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08使用DataTable插件實現(xiàn)異步加載數(shù)據(jù)
本文給大家分享的是Jquery+dataTable插件來實現(xiàn)異步加載數(shù)據(jù)的示例代碼,非常實用,有需要的小伙伴可以參考下2017-11-11Html5的placeholder屬性(IE兼容)實現(xiàn)代碼
Placeholder是HTML5新增的另一個屬性,當(dāng)input或者textarea設(shè)置了該屬性后,該值的內(nèi)容將作為灰字提示顯示在文本框中,當(dāng)文本框獲得焦點時,提示文字消失。以前要實現(xiàn)這效果都是用JavaScript來控制才能實現(xiàn) , firefox、google chrome等表示對其支持 , 唯獨IE不支持2014-08-08jQuery 1.9使用$.support替代$.browser的使用方法
jQuery 從 1.9 版開始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support,下面我們來看下具體的使用方法2014-05-05jQuery不使用插件及swf實現(xiàn)無刷新文件上傳
這篇文章主要介紹了jQuery不使用插件及swf實現(xiàn)無刷新文件上傳,需要的朋友可以參考下2014-12-12