jQuery实现的回车触发按钮事件功能示例


Posted in jQuery onMarch 25, 2018

本文实例讲述了jQuery实现的回车触发按钮事件功能。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
  <title>3water.com jQuery回车触发按钮事件</title>
  <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
  <script language="javascript" type="text/javascript">
    $(function () {
      $('#Submit').click(function () {
        var account = $('#AccountInput').val();
        var password = $('#PasswordInput').val();
        if (account == '') {
          alert('Please input account.');
          $('#AccountInput').focus();
          return false;
        }
        if (password == '') {
          alert('Please input password.');
          $('#PasswordInput').focus();
          return false;
        }
        if (account == 'chad' && password == '123456') {
          alert('Login success.');
        }
        else {
          alert('Login failed.');
        }
      });
      $(document).keydown(function (event) {
        if (event.keyCode == 13) {
          $('#Submit').triggerHandler('click');
        }
      });
    });
  </script>
</head>
<body>
  <form id="form1" runat="server">
  <div>
    <table>
      <tr>
        <td> account</td>
        <td><input id="AccountInput" type="text" style="width: 150px;" /></td>
      </tr>
      <tr>
        <td>password</td>
        <td><input id="PasswordInput" type="text" style="width: 150px;" /></td>
      </tr>
      <tr>
        <td><input id="Submit" type="button" value="submit"/></td>
      </tr>
    </table>
  </div>
  </form>
</body>
</html>

运行效果:

jQuery实现的回车触发按钮事件功能示例

PS:关于javascript事件说明可参考本站javascript事件与功能说明大全:http://tools.3water.com/table/javascript_event

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jQuery实现简单的抽奖游戏
May 05 jQuery
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 #jQuery
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 #jQuery
jquery的 filter()方法使用教程
Mar 22 #jQuery
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 #jQuery
jQuery替换节点元素的操作方法
Mar 18 #jQuery
jquery 实现拖动文件上传加载进度条功能
Mar 18 #jQuery
jQuery中each方法的使用详解
Mar 18 #jQuery
You might like
sphinx增量索引的一个问题
2011/06/14 PHP
PHP中用hash实现的数组
2011/07/17 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
php实现只保留mysql中最新1000条记录
2015/06/18 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
Thinkphp5+Redis实现商品秒杀代码实例讲解
2020/12/29 PHP
JavaScript中null与undefined分析
2009/07/25 Javascript
jquery中动态效果小结
2010/12/16 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
jquery对单选框,多选框,文本框等常见操作小结
2014/01/08 Javascript
Egret引擎开发指南之发布项目
2014/09/03 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
2019/07/26 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
[01:46]2020完美世界全国高校联赛秋季赛报名开启
2020/10/15 DOTA
跟老齐学Python之传说中的函数编写条规
2014/10/11 Python
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
浅谈Python中的闭包
2015/07/08 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
Python实现求两个数组交集的方法示例
2019/02/23 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
Python for循环及基础用法详解
2019/11/08 Python
python tkinter实现连连看游戏
2020/11/16 Python
css3.0 图形构成实例练习二
2013/03/19 HTML / CSS
一份软件工程师的面试试题
2016/02/01 面试题
酒店销售主管岗位职责
2014/01/04 职场文书
三年大学生活自我鉴定
2014/01/21 职场文书
委托函范文
2015/01/29 职场文书
MySQL命令行操作时的编码问题详解
2021/04/14 MySQL
python基于tkinter制作m3u8视频下载工具
2021/04/24 Python
python 解决微分方程的操作(数值解法)
2021/05/26 Python
JavaScript实现优先级队列
2021/12/06 Javascript