快捷導(dǎo)航

jQuery實(shí)現(xiàn)的事件綁定功能基本示例

更新時(shí)間：2017年10月11日 10:14:59 作者：Zerone1993

這篇文章主要介紹了jQuery實(shí)現(xiàn)的事件綁定功能,結(jié)合簡(jiǎn)單表單驗(yàn)證實(shí)例分析了jQuery事件綁定的實(shí)現(xiàn)與使用方法,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)的事件綁定功能。分享給大家供大家參考，具體如下：

HTML正文：

用戶名：<input type="text" value="郵箱/用戶名/手機(jī)號(hào)" id="login"/><br>
密　碼：<input type="password" id="passwd"><br>
<input type="button" value="登陸" id="operation"/>

Javascript操作代碼：

//獲取焦點(diǎn)事件
$("#login").focus(function(){
 var $realValue=$(this).val();
 var $defaultVale=this.defaultValue;
 if($realValue==$defaultVale){
  $(this).val("");
 }else{
  $(this).val($realValue);
 }
});
//失去焦點(diǎn)事件
$("#login").blur(function(){
 var $realValue=$(this).val();
 var $defaultVale=this.defaultValue;
 if($realValue==""){
  $(this).val($defaultVale);
 }else{
  $(this).val($realValue);
 }
});
//登陸綁定事件：實(shí)際項(xiàng)目中一般使用md5進(jìn)行單向加密，然后傳遞后臺(tái)驗(yàn)證身份
$("#operation").click(function(){
var $realValue=$("#login").val();
var $passwd=$("#passwd").val();
if($realValue=="squirrel"||$passwd=="xiaoyang"){
  alert("驗(yàn)證成功");
}else{
  alert("驗(yàn)證失敗");
}
});

效果：

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常見(jiàn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery 常見(jiàn)學(xué)習(xí)網(wǎng)站與參考書
打算學(xué)習(xí)jquery的朋友可以參下如下網(wǎng)上，參考書嗎，可以看下鋒利的jquery腳本之家提供電子版下載。
2009-11-11
jQuery數(shù)據(jù)顯示插件整合實(shí)現(xiàn)代碼
由于我們公司的產(chǎn)品涉及到很多的表格數(shù)據(jù)顯示，而且每張表的字段數(shù)都很多，在工作過(guò)程中(幾任同仁的努力)，整合出一套自認(rèn)為較為輕巧的方案
2011-10-10
jquery表單驗(yàn)證插件formValidator使用方法
這篇文章主要為大家詳細(xì)介紹了Jquery表單驗(yàn)證插件formValidator的相關(guān)使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-04-04
jQuery實(shí)現(xiàn)圖片跟隨效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)圖片跟隨效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
用jquery實(shí)現(xiàn)的模擬QQ郵箱里的收件人選取及其他效果(一)
今天要說(shuō)的是用jquery的語(yǔ)法和組件dialog及Autocomplete來(lái)制作QQ郵箱的發(fā)件人操作功能，認(rèn)為這個(gè)太過(guò)簡(jiǎn)單的可以離開了。
2011-01-01
關(guān)于JavaScript和jQuery的類型判斷詳解
下面小編就為大家?guī)?lái)一篇淺談JavaScript和jQuery的類型判斷。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
jQuery表格行上移下移和置頂?shù)膶?shí)現(xiàn)方法
這篇文章主要介紹了jQuery表格行上移下移和置頂?shù)膶?shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-10-10
jquery中g(shù)et,post和ajax方法的使用小結(jié)
本篇文章主要是對(duì)jquery中g(shù)et,post和ajax方法的使用進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
jQuery Flash/MP3/Video多媒體插件
jQuery Flash/MP3/Video多媒體插件,主要是用來(lái)加載flash或mp3等網(wǎng)絡(luò)媒體文件。
2010-01-01
jQuery中RadioButtonList的功能及用法實(shí)例介紹
RadioButtonList的使用想必大家都有所解除，本文為以示例的方式為大家詳細(xì)介紹下其功能及用法，感興趣的朋友可以參考下
2013-08-08