欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實現的事件綁定功能基本示例

 更新時間：2017年10月11日 10:14:59   作者：Zerone1993  
這篇文章主要介紹了jQuery實現的事件綁定功能,結合簡單表單驗證實例分析了jQuery事件綁定的實現與使用方法,需要的朋友可以參考下

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

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數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》

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

相關文章

最新評論