编程 Javascript

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>

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

jQuery表单事件实例代码分享

- Author -

chen12370

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js实现简单模态窗口，背景灰显

Nov 14 Javascript

js getElementsByTagName的简写方式

Jun 27 Javascript

在javascript将NodeList作为Array数组处理的方法

Jul 09 Javascript

jquery插件orbit.js实现图片折叠轮换特效

Apr 14 Javascript

javascript实现不同颜色Tab标签切换效果

Apr 27 Javascript

JavaScript实现复制文章自动添加版权

Aug 02 Javascript

JavaScript字符串检索字符的方法

Jun 23 Javascript

ES6 中可以提升幸福度的小功能

Aug 06 Javascript

webpack4 处理SCSS的方法示例

Sep 03 Javascript

详解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南

Nov 13 Javascript

详解vantUI框架在vue项目中的应用踩坑

Dec 06 Javascript

jQuery对底部导航进行跳转并高亮显示的实例代码

Apr 23 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