Jquery事件绑定基本案例
来源:互联网 发布:淘宝永久封店诈骗 编辑:程序博客网 时间:2024/05/21 09:20
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("验证失败");}});
效果:
0 0
- Jquery事件绑定基本案例
- avalon事件绑定案例
- JQuery 绑定变化事件
- jQuery 中的事件绑定
- jquery 绑定事件
- jquery 事件绑定
- Jquery控件绑定事件
- jQuery 特殊事件绑定
- jquery 绑定click事件
- jQuery的绑定事件
- jQuery事件绑定.on()
- JQuery事件绑定
- jquery绑定事件问题
- jquery绑定回车事件
- jQuery事件绑定.on()
- jQuery重复绑定事件
- jquery绑定事件
- jQuery事件绑定
- 数据分析与数据挖掘在常规工作中的应用——数据规范化
- 导入极光sdk步骤
- js实现 jquery的$.ajax
- Ngrok 服务搭建
- transactiondefinition事务传播行为
- Jquery事件绑定基本案例
- 关于CentOS防火墙的配置
- jquery 常用事件添加方式和自定义事件
- [Medium]Search Insert Position
- Linux线程-互斥锁pthread_mutex_t
- 程序员面试金典: 9.9 递归和动态规划 9.4求某集合的所有子集
- SERVLET-基础-整理
- ZCMU-1487-红桃X
- js 闭包