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

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

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

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

HTML正文：

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

Javascript操作代碼：

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

效果：

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

希望本文所述對大家jQuery程序設計有所幫助。

您可能感興趣的文章:

jQuery開發(fā)者都需要知道的5個小技巧
JQuery是個不錯的框架，以下總結了5個每個網(wǎng)站開發(fā)者都應該知道的小技巧，都是一些非常不錯的，經(jīng)常能用得到的。
2010-01-01
jquery制作LED 時鐘特效
這篇文章主要介紹了jquery制作LED 時鐘特效,效果非常不錯，需要的朋友可以參考下
2015-02-02
jQuery獲得內容和屬性方法及示例
獲得內容的三個簡單實用的方法text()、html() 以及 val()、獲取屬性的attr()方法，下面有個不錯的示例，感興趣的朋友可以參考下
2013-12-12
Jquery取得iframe下內容的方法
這篇文章主要介紹了Jquery取得iframe下內容的方法，有需要的朋友可以參考一下
2013-11-11
jQuery 選擇器用法基礎入門示例
這篇文章主要介紹了jQuery 選擇器用法,結合實例形式詳細分析了jQuery選擇器的基本功能、使用方法及操作注意事項,需要的朋友可以參考下
2020-01-01
jQuery webuploader分片上傳大文件
這篇文章主要為大家詳細介紹了jQuery webuploader分片上傳大文件的相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11
javascript與jquery中跳出循環(huán)的區(qū)別總結
本文是對javascript與jquery中跳出循環(huán)的區(qū)別進行了詳細的總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
jQuery+ajax實現(xiàn)文章點贊功能的方法
這篇文章主要介紹了jQuery+ajax實現(xiàn)文章點贊功能的方法,涉及jQuery基于ajax無刷新post提交實現(xiàn)點贊功能的具體步驟與相關技巧,需要的朋友可以參考下
2015-12-12
基于JQuery 的消息提示框效果代碼
本身不熟悉js略懂JQuery，閑著沒事幫朋友公司一個程序小伙修改了個消息提示框，把修改后的代碼和代價分享一下
2011-07-07
jQuery DOM操作實例
本文用代碼的方式詳細講解了jQuery的DOM操作,具體操作方法請詳細參看代碼中的注釋部份
2014-03-03