jQuery实现的事件绑定功能基本示例


Posted in jQuery onOctober 11, 2017

本文实例讲述了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 EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
React中jquery引用的实现方法
Sep 12 jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
详解jQuery中的easyui
Sep 02 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
jQuery HTML css()方法与css类实例详解
May 20 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 #jQuery
jQuery实现的form转json经典示例
Oct 10 #jQuery
认识jQuery的Promise的具体使用方法
Oct 10 #jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 #jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 #jQuery
jQuery实现html双向绑定功能示例
Oct 09 #jQuery
jqueryUI tab标签页代码分享
Oct 09 #jQuery
You might like
一个程序下载的管理程序(四)
2006/10/09 PHP
Phpbean路由转发的php代码
2008/01/10 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
Prototype ObjectRange对象学习
2009/07/19 Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
2010/01/22 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
推荐40个简单的 jQuery 导航插件和教程(下篇)
2012/09/14 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
2013/08/06 Javascript
JS替换文本域内的回车示例
2014/02/18 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
2016/01/12 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
node文件上传功能简易实现代码
2017/06/16 Javascript
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
2020/10/27 Javascript
老生常谈python函数参数的区别(必看篇)
2017/05/29 Python
解析python的局部变量和全局变量
2019/08/15 Python
Python3搭建http服务器的实现代码
2020/02/11 Python
Python实现获取当前目录下文件名代码详解
2020/03/10 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
创业计划书六个要素
2013/12/26 职场文书
工作时间上网检讨书
2014/02/03 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
小学生运动会报道稿
2014/09/12 职场文书
2014年党支部工作总结
2014/11/13 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
《搭石》教学反思
2016/02/18 职场文书
Python opencv缺陷检测的实现及问题解决
2021/04/24 Python
浅谈redis缓存在项目中的使用
2021/05/20 Redis
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python