jQuery的控件及事件(输入控件及回车事件)使用示例


Posted in Javascript onJuly 25, 2013
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>JavaScript</title> 
<style type="text/css"> 
body { /* 对页面布局进行调整 */ 
background-color: #ccc; 
width: 960px; 
height: 50%; 
margin: 0px auto; 
} 
</style> 
</head> 
<body> 
<script type="text/javascript" src="jquery-1.8.0.js"> 
</script> 用户名:<input type="text" name="user" id="user"/><br/> 
密   码:<input type="password" name="passwd" id="passwd"></input> 
<script type="text/javascript"> 
$("body") 
.css("margin-left",(($(document).width() - 1024) / 2) + "px") 
.css("overflow-x", "hidden"); 
/* 只对id为passwd的控件绑定keypress事件 */ 
$("input[id='passwd']").bind("keypress", function(event){ 
if (event.keyCode == '13') { // 回车按键的代码 
if (!$('#user').val() || !$('#passwd').val()) { // 检测用户名与密码是否为空 
          alert("用户名或密码为空,请重新输入!"); 
          return; 
        } 
alert("用户名为:" + $('#user').val() + ", 密码为:" + $('#passwd').val()); 
} 
}); 
</script> 
</body> 
</html>

jQuery的控件及事件(输入控件及回车事件)使用示例
Javascript 相关文章推荐
动态为事件添加js代码示例
Feb 15 Javascript
javascript 设置某DIV区域内的checkbox复选框
Nov 30 Javascript
基于JQuery的6个Tab选项卡插件
Sep 03 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
Bootstrap源码解读下拉菜单(4)
Dec 23 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
Vue 理解之白话 getter/setter详解
Apr 16 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 Javascript
固定表格行列(expression)在IE下适用
Jul 25 #Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 #Javascript
不使用浏览器运行javascript代码的方法
Jul 24 #Javascript
js展开闭合效果演示代码
Jul 24 #Javascript
火狐textarea输入法的bug的触发及解决
Jul 24 #Javascript
当前页禁止复制粘贴截屏代码小集
Jul 24 #Javascript
js实现倒计时(距离结束还有)示例代码
Jul 24 #Javascript
You might like
ajax+php打造进度条代码[readyState各状态说明]
2010/04/12 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
PHP中shuffle数组值随便排序函数用法
2014/11/21 PHP
JS 遮照层实现代码
2010/03/31 Javascript
jquery异步循环获取功能实现代码
2010/09/19 Javascript
关于JS管理作用域的问题
2013/04/10 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
常见的javascript跨域通信方法
2015/12/31 Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
2016/05/30 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
Vue和Bootstrap的整合思路详解
2017/06/30 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
JS打印彩色菱形的实例代码
2018/08/15 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
详解如何在JS代码中消灭for循环
2019/12/11 Javascript
vue移动端写的拖拽功能示例代码
2020/09/09 Javascript
JavaScript实现缓动动画
2020/11/25 Javascript
Python编程入门的一些基本知识
2015/05/13 Python
matplotlib中legend位置调整解析
2017/12/19 Python
Python简易版图书管理系统
2019/08/12 Python
Python实现随机爬山算法
2021/01/29 Python
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
世界各地的旅游、观光和活动:Isango!
2019/10/29 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
银行职员思想汇报
2013/12/31 职场文书
小学音乐教学反思
2014/02/05 职场文书
诚信考试承诺书
2014/03/27 职场文书
幼儿园教师的考核评语
2014/04/18 职场文书
经贸日语专业个人求职信范文
2014/04/29 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
七一党日活动总结
2014/07/08 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
python读取mnist数据集方法案例详解
2021/09/04 Python
Flink 侧流输出源码示例解析
2022/09/23 Servers