jQuery的控件及事件(输入控件及回车事件)使用示例
更新时间：2013年07月25日 17:47:15 作者：
本文为大家介绍下jQuery的输入控件及回车事件的应用，具体示例代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
复制代码 代码如下:
<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>
相关文章
web开发人员学习jQuery的6大理由及jQuery的优势介绍
jQuery是一个用来简化HTML客户端开发的JS（JavaScrip）库，它支持HTML DOM处理，同时还融合了部分HTML和CSS2013-01-01
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable使用。2011-04-04
基于jQuery的的一个隔行变色，鼠标移动变色的小插件，学习jquery的朋友可以参考下。2010-07-07
获取获得时间差、时间格式的方法有很多，下面为大家介绍下使用jquery及js实现的功能代码2013-06-06
这篇文章主要介绍了Jquery ajax 同步阻塞引起的UI线程阻塞问题的相关资料,需要的朋友可以参考下2015-11-11
jQuery中filter(),not(),split()使用方法
jQuery下一些查找过滤功能filter(),not(),split()用法，可以让jquery更容易的操作控制页面元素。2010-07-07
这篇文章主要介绍了jQuery中DOM树操作之复制元素的方法,实例分析了DOM树复制元素的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery+json实现的简易Ajax调用,结合实例形式分析了jQuery基于ajax实现json传参调用的技巧,需要的朋友可以参考下2015-12-12
JQUERY 浏览器判断实现函数，如果只是为了判断浏览器不建议用，如果你已经用了jquery才用啊，要不没必要因为这个小功能，加个那么大的类库吧。2009-08-08
这篇文章主要介绍了jQuery打字效果实现方法,详细分析了jQuery实现打字效果所涉及的jticker_split.js插件机具体调用技巧,并附带完整的demo源码供读者下载参考,需要的朋友可以参考下2015-12-12
最新评论