亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jquery表單驗證需要做些什么

 更新時間:2015年11月17日 10:12:03   投稿:lijiao  
jquery表單驗證需要做些什么,大家知道嗎?其實很簡單只要做四件事情就可以順利完成表單驗證,想知道哪四件事情嗎,請仔細(xì)閱讀下文。

一、當(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表單驗證的技巧。

相關(guān)文章

  • jQuery實現(xiàn)簡單的列表式導(dǎo)航菜單效果代碼

    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ù)

    使用DataTable插件實現(xiàn)異步加載數(shù)據(jù)

    本文給大家分享的是Jquery+dataTable插件來實現(xiàn)異步加載數(shù)據(jù)的示例代碼,非常實用,有需要的小伙伴可以參考下
    2017-11-11
  • 一個小例子解釋如何來阻止Jquery事件冒泡

    一個小例子解釋如何來阻止Jquery事件冒泡

    事件會向這個對象的父級對象傳播,從里到外,直至它被處理(父級對象所有同類事件都將被激活),或者它到達了對象層次的最頂層
    2014-07-07
  • Html5的placeholder屬性(IE兼容)實現(xiàn)代碼

    Html5的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-08
  • jQuery 1.9使用$.support替代$.browser的使用方法

    jQuery 1.9使用$.support替代$.browser的使用方法

    jQuery 從 1.9 版開始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support,下面我們來看下具體的使用方法
    2014-05-05
  • jQuery 圖片切換插件(代碼比較少)

    jQuery 圖片切換插件(代碼比較少)

    jQuery 插件圖片切換 第一次自已償試寫插件,需要的朋友可以參考下
    2012-05-05
  • 收集的10個免費的jQuery相冊

    收集的10個免費的jQuery相冊

    或許在網(wǎng)絡(luò)上你已經(jīng)見過數(shù)百種通過jQuery實現(xiàn)的相冊,但是我們發(fā)現(xiàn)的這些相冊,他們有額外的東西,優(yōu)雅和獨特的創(chuàng)意!每個相冊都是可在線預(yù)覽和免費下載的。你可以為你的Web項目添加色彩。
    2011-02-02
  • jQuery不使用插件及swf實現(xiàn)無刷新文件上傳

    jQuery不使用插件及swf實現(xiàn)無刷新文件上傳

    這篇文章主要介紹了jQuery不使用插件及swf實現(xiàn)無刷新文件上傳,需要的朋友可以參考下
    2014-12-12
  • jquery 遍歷hash操作示例【基于ajax交互】

    jquery 遍歷hash操作示例【基于ajax交互】

    這篇文章主要介紹了jquery 遍歷hash操作,結(jié)合實例形式分析了jQuery基于ajax交互獲取并遍歷hash相關(guān)操作技巧,需要的朋友可以參考下
    2019-10-10
  • Jquery表單驗證失敗后不提交的解決方法

    Jquery表單驗證失敗后不提交的解決方法

    很多人可能都會遇到在調(diào)試的時候用了return了false,可為什么還會提交呢?這個問題我最近也碰到了,嘗試了多次也沒有用,后來終于發(fā)現(xiàn)了其中的問題,下面分享處理給大家,讓同樣遇到這個問題的朋友們能夠看看,有需要的朋友們下面來一起看看吧。
    2016-10-10

最新評論