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特效插件,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了Jquery选择器中使用变量实现动态选择例子,这样做的好处我们可以动态选择一些元素,核心思想其实就是用字符串组合,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jquery实现加载更多"转圈圈"效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-11-11
jQuery中bind,live,delegate与one方法的用法及区别解析
本篇文章主要是对jQuery中bind,live,delegate与one方法的用法及区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jquery简单选择器的使用方法。jquery中最基本的东西了。2010-08-08
jquery radio的取值_radio的选中_radio的重置方法
下面小编就为大家带来一篇jquery radio的取值_radio的选中_radio的重置方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
jquery对所有input type=text的控件赋值实现方法
下面小编就为大家带来一篇jquery对所有input type=text的控件赋值实现方法。小编觉的挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
方便实用的jQuery checkbox复选框全选功能简单实例
这篇文章介绍了jQuery checkbox复选框全选功能的代码实例，有需要的朋友可以参考一下2013-10-10
这篇文章主要介绍了jQuery中next方法用法,实例分析了jQuery中next方法的功能、定义及相关使用技巧,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了jQuery实现行文字链接提示效果的方法,实例分析了jQuery操作文字提示效果的方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
最新评论