jQuery表單事件實例代碼分享
更新時間：2016年08月18日 10:11:01 作者：chen12370
這篇文章主要為大家詳細介紹了jQuery表單事件實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了jQuery表單事件代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表單事件</title>
</head>
<style type="text/css" rel="stylesheet">
.input_focus{
background-color: #BEE7FC;
}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script language="JavaScript">
$(document).ready(function () {
$("[name=member]").focusin(function () {
$(this).addClass("input_focus");
});
$("[name=member]").blur(function () {
$(this).removeClass("input_focus");
});
});
</script>
<body>
<div id="login">
<fieldset>
<legend>用戶登錄</legend>
<p>
<label>用戶名：</label>
<input name="member" type="text" />
</p>
<p>
<label>密碼：</label>
<input name="password" type="text" />
</p>
<p>
<label>驗證碼：</label>
<input name="code" type="text" class="code" />
<img src="images/code.gif" width="80" height="30" /><a href="#">換一張</a>
</p>
<p>
<input name="" type="button" class="btn" value="登錄" />
<a href="#">注冊</a><span>|</span><a href="#">忘記密碼？</a>
</p>
</fieldset>
</div>
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JQuery上傳插件Uploadify使用，文章給出詳細的步驟來實現(xiàn)一個簡單的上傳功能，感興趣的小伙伴們可以參考一下2016-01-01
jQuery實現(xiàn)鼠標跟隨提示層效果代碼(可顯示文本,Div,Table,Html等)
這篇文章主要介紹了jQuery實現(xiàn)鼠標跟隨提示層效果代碼,具備顯示文本,Div,Table,Html等功能.涉及jQuery針對鼠標事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下2016-04-04
鋒利的jQuery 要點歸納（三） jQuery中的事件和動畫（上：事件篇）
鋒利的jQuery 要點歸納 jQuery中的事件和動畫（上：事件篇）2010-03-03
這篇文章主要為大家詳細介紹了jquery+html仿翻頁相冊功能，前端實現(xiàn)的相冊模仿功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了Validform驗證時可以為空否則按照指定格式驗證的相關(guān)資料,需要的朋友可以參考下2017-10-10
jQuery實現(xiàn)節(jié)點的追加、替換、刪除、復(fù)制功能示例
這篇文章主要介紹了jQuery實現(xiàn)節(jié)點的追加、替換、刪除、復(fù)制功能,結(jié)合具體實例形式分析了jQuery針對DOM節(jié)點的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的使用技巧,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了JQuery包裹DOM節(jié)點的方法,實例分析了wrap與wrapAll方法實現(xiàn)包裹DOM節(jié)點的技巧與相關(guān)注意事項,需要的朋友可以參考下2015-06-06
JQuery 自定義CircleAnimation，Animate方法學(xué)習筆記
最近對看了一些JQuery的基礎(chǔ)教程，被JQuery深深的吸引住了，以前用過Extjs，看了JQuery不禁感嘆，javascript還能這么些，真是太神奇了！2011-07-07
jQuery ajax仿Google自動提示SearchSuggess功能示例
這篇文章主要介紹了jQuery ajax仿Google自動提示SearchSuggess功能,結(jié)合實例形式較為詳細的分析了jQuery結(jié)合ajax與.net后臺調(diào)用sql數(shù)據(jù)庫實現(xiàn)搜索自動提示相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
一般情況下使用第二種方法是可以的，但是遇到表格行可以拖拽的情況，那么就會出現(xiàn)BUG了，這個自行測試就知道了。2011-06-06