jQuery表单事件实例代码分享


Posted in Javascript onAugust 18, 2016

本文实例为大家分享了jQuery表单事件代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表单事件</title>
</head>
<style type="text/css" rel="stylesheet">
  .input_focus{
    background-color: #BEE7FC;
  }
 
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script language="JavaScript">
  $(document).ready(function () {
    $("[name=member]").focusin(function () {
      $(this).addClass("input_focus");
    });
    $("[name=member]").blur(function () {
      $(this).removeClass("input_focus");
    });
     
 
 
  });
 
 
 
</script>
<body>
<div id="login">
  <fieldset>
    <legend>用户登录</legend>
    <p>
      <label>用户名:</label>
      <input name="member" type="text" />
    </p>
    <p>
      <label>密码:</label>
      <input name="password" type="text" />
    </p>
    <p>
      <label>验证码:</label>
      <input name="code" type="text" class="code" />
      <img src="images/code.gif" width="80" height="30" /><a href="#">换一张</a>
    </p>
    <p>
      <input name="" type="button" class="btn" value="登录" />
      <a href="#">注册</a><span>|</span><a href="#">忘记密码?</a>
    </p>
  </fieldset>
</div>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript iframe的相互操作浅析
Oct 14 Javascript
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 Javascript
微信小程序 开发工具快捷键整理
Oct 31 Javascript
jquery easyui DataGrid简单示例
Jan 23 Javascript
JS设置时间无效问题的解决办法
Feb 18 Javascript
微信小程序 标签传入数据
May 08 Javascript
Angular+Node生成随机数的方法
Jun 16 Javascript
underscore之Collections_动力节点Java学院整理
Jul 10 Javascript
node中使用es5/6以及支持性与性能对比
Aug 11 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
Mar 13 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
Mar 03 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 #Javascript
AngularJS 执行流程详细介绍
Aug 18 #Javascript
AngularJS国际化详解及示例代码
Aug 18 #Javascript
ECMAScript6轮播图实践知识总结
Aug 17 #Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 #Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 #Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 #Javascript
You might like
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
基于initPHP的框架介绍
2013/04/18 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
php猜单词游戏
2015/09/29 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
在Z-Blog中运行代码[html][/html](纯JS版)
2007/03/25 Javascript
动态表格Table类的实现
2009/08/26 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
AngularJS单选框及多选框实现双向动态绑定
2016/01/13 Javascript
AngularJS国际化详解及示例代码
2016/08/18 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
Vue中保存用户登录状态实例代码
2017/06/07 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
2017/07/26 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
2018/06/25 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
2019/02/08 Javascript
vue路由跳转传参数的方法
2019/05/06 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
python通过自定义isnumber函数判断字符串是否为数字的方法
2015/04/23 Python
python交互式图形编程实例(一)
2017/11/17 Python
利用python GDAL库读写geotiff格式的遥感影像方法
2018/11/29 Python
Python如何安装第三方模块
2020/05/28 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
sort命令的作用和用法
2012/11/04 面试题
机械专业应届生求职信
2013/09/21 职场文书
消防应急演练方案
2014/02/12 职场文书
2014基层党员干部学习全国两会心得体会
2014/03/17 职场文书
大学生活动总结模板
2014/07/02 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
婚宴邀请函
2015/01/30 职场文书
欠款起诉书范文
2015/05/19 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript