jQuery的控件及事件(輸入控件及回車(chē)事件)使用示例
更新時(shí)間：2013年07月25日 17:47:15 作者：
本文為大家介紹下jQuery的輸入控件及回車(chē)事件的應(yīng)用，具體示例代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>JavaScript</title>
<style type="text/css">
body { /* 對(duì)頁(yè)面布局進(jìn)行調(diào)整 */
background-color: #ccc;
width: 960px;
height: 50%;
margin: 0px auto;
}
</style>
</head>
<body>
<script type="text/javascript" src="jquery-1.8.0.js">
</script>
用戶(hù)名：<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");
/* 只對(duì)id為passwd的控件綁定keypress事件 */
$("input[id='passwd']").bind("keypress", function(event){
if (event.keyCode == '13') { // 回車(chē)按鍵的代碼
if (!$('#user').val() || !$('#passwd').val()) { // 檢測(cè)用戶(hù)名與密碼是否為空
alert("用戶(hù)名或密碼為空，請(qǐng)重新輸入！");
return;
}
alert("用戶(hù)名為:" + $('#user').val() + ", 密碼為:" + $('#passwd').val());
}
});
</script>
</body>
</html>
相關(guān)文章
web前端設(shè)計(jì)師們常用的jQuery特效插件匯總
這篇文章主要匯總了web前端設(shè)計(jì)師們常用的jQuery特效插件,需要的朋友可以參考下2014-12-12
Jquery選擇器中使用變量實(shí)現(xiàn)動(dòng)態(tài)選擇例子
這篇文章主要介紹了Jquery選擇器中使用變量實(shí)現(xiàn)動(dòng)態(tài)選擇例子,這樣做的好處我們可以動(dòng)態(tài)選擇一些元素,核心思想其實(shí)就是用字符串組合,需要的朋友可以參考下2014-07-07
jquery實(shí)現(xiàn)加載更多"轉(zhuǎn)圈圈"效果(示例代碼)
這篇文章主要介紹了jquery實(shí)現(xiàn)加載更多"轉(zhuǎn)圈圈"效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-11
jQuery中bind,live,delegate與one方法的用法及區(qū)別解析
本篇文章主要是對(duì)jQuery中bind,live,delegate與one方法的用法及區(qū)別進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jQuery Study Notes學(xué)習(xí)筆記 (二)
jquery簡(jiǎn)單選擇器的使用方法。jquery中最基本的東西了。2010-08-08
jquery radio的取值_radio的選中_radio的重置方法
下面小編就為大家?guī)?lái)一篇jquery radio的取值_radio的選中_radio的重置方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
jquery對(duì)所有input type=text的控件賦值實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery對(duì)所有input type=text的控件賦值實(shí)現(xiàn)方法。小編覺(jué)的挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
方便實(shí)用的jQuery checkbox復(fù)選框全選功能簡(jiǎn)單實(shí)例
這篇文章介紹了jQuery checkbox復(fù)選框全選功能的代碼實(shí)例，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了jQuery中next方法用法,實(shí)例分析了jQuery中next方法的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下2015-04-04
jQuery實(shí)現(xiàn)行文字鏈接提示效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)行文字鏈接提示效果的方法,實(shí)例分析了jQuery操作文字提示效果的方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03