编程 Javascript

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>

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

Javascript 相关文章推荐

JQuery从头学起第二讲

Jul 04 Javascript

火狐4、谷歌12不支持Jquery Validator的解决方法分享

Jun 20 Javascript

映彩衣的js随笔(js图片切换效果)

Jul 31 Javascript

一个JQuery操作Table的代码分享

Mar 30 Javascript

JavaScript学习笔记记录我的旅程

May 23 Javascript

js如何判断不同系统的浏览器类型

Oct 28 Javascript

js文本框走动跑马灯效果代码分享

Aug 25 Javascript

Highcharts学习之数据列

Aug 03 Javascript

jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)

Aug 29 Javascript

JavaScript实现汉字转换为拼音的库文件示例

Dec 22 Javascript

解决iview打包时UglifyJs报错的问题

Mar 07 Javascript

ionic4+angular7+cordova上传图片功能的实例代码

Jun 19 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