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 相关文章推荐
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 Javascript
JavaScript 学习初步 入门教程
Mar 25 Javascript
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
JSON与JS对象的区别与对比
Mar 01 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
Feb 27 Javascript
微信小程序实现点击卡片 翻转效果
Sep 04 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
JavaScript实现Excel表格效果
Feb 07 Javascript
jQuery实现简单三级联动效果
Sep 05 jQuery
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
apache rewrite_module模块使用教程
2008/01/10 PHP
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
Zend Framework创建自己的动作助手详解
2016/03/05 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
PHP简单验证码功能机制实例详解
2019/03/27 PHP
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
百度地图给map添加右键菜单(判断是否为marker)
2016/03/04 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
关于页面刷新vuex数据消失问题解决方案
2017/07/03 Javascript
基于JavaScript实现百度搜索框效果
2020/06/28 Javascript
AngularJS 监听变量变化的实现方法
2018/10/09 Javascript
Jquery的Ajax技术使用方法
2019/01/21 jQuery
js简单的分页器插件代码实例
2019/09/11 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
[48:48]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python备份文件的脚本
2008/08/11 Python
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
python安装oracle扩展及数据库连接方法
2017/02/21 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
图解Python变量与赋值
2018/04/03 Python
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
"火柴棍式"程序员面试题
2014/03/16 面试题
财务管理专业推荐信
2013/11/19 职场文书
企业法人代表证明书
2014/09/27 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
索赔员岗位职责
2015/02/15 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
HTML基础详解(上)
2021/10/16 HTML / CSS