本文主要介绍了jquery实现的事件绑定功能,结合简单表单验证实例分析了jquery事件绑定的实现与使用方法,需要的朋友可以参考下,希望能帮助到大家。
HTML正文:
用户名:
密 码:
登录后复制
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实现基本的事件绑定功能
javascript事件绑定、触发和删除示例代码详解
javascript事件委托和jQuery事件绑定on、off 和one
以上就是jQuery事件绑定功能基础讲解的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2788969.html