jquery注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例
更新時(shí)間：2016年09月08日 11:10:21 投稿：jingxian
下面小編就為大家?guī)?lái)一篇jquery注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
在我們開(kāi)發(fā)過(guò)程中特別是用戶(hù)注冊(cè)時(shí)會(huì)有一個(gè)效果，就是文本框獲取焦點(diǎn)清空提示，如果用戶(hù)沒(méi)有輸入信息失去焦點(diǎn)賦值上我們的提示語(yǔ)。
<html>
<head>
<meta http-equiv="content-type"content="text/html; charset=UTF-8"/>
<script src="http://127.0.0.1/jquery.js"></script>
<script>
$(function(){
$("#account").focus(function(){
var account_value=$(this).val();
if(account_value=="請(qǐng)輸入賬號(hào)"){
$(this).val("");
}
});
$("#account").blur(function(){
var account_value=$(this).val();
if(account_value==""){
$(this).val("請(qǐng)輸入賬號(hào)");
}
});
});
</script>
</head>
<body>
賬號(hào)：<input id="account" type="text" value="請(qǐng)輸入賬號(hào)" />
</body>
</html>
以上這篇jquery注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Jquery中dialog屬性小記
- JQUERY dialog的用法詳細(xì)解析
- jQuery Dialog 彈出層對(duì)話(huà)框插件
- JQuery Dialog(JS 模態(tài)窗口,可拖拽的DIV)
- jQuery UI Dialog 創(chuàng)建友好的彈出對(duì)話(huà)框?qū)崿F(xiàn)代碼
- jQuery EasyUI API 中文文檔 - Dialog對(duì)話(huà)框
- 淺析JQuery UI Dialog的樣式設(shè)置問(wèn)題
- 用jquery中插件dialog實(shí)現(xiàn)彈框效果實(shí)例代碼
- jquery ui dialog實(shí)現(xiàn)彈窗特效的思路及代碼
- jquery實(shí)現(xiàn)input框獲取焦點(diǎn)的方法
- jquery獲取焦點(diǎn)和失去焦點(diǎn)事件代碼
- jquery dialog獲取焦點(diǎn)的方法
相關(guān)文章
jquery左邊浮動(dòng)到一定位置時(shí)顯示返回頂部按鈕
這篇文章主要介紹通過(guò)jquery實(shí)現(xiàn)左邊浮動(dòng)到一定位置時(shí)顯示返回頂部按鈕的效果,需要的朋友可以參考下2014-06-06
jQuery接受后臺(tái)傳遞的List的實(shí)例詳解
這篇文章主要介紹了jQuery接受后臺(tái)傳遞的List的實(shí)例詳解的相關(guān)資料,這里提供了前臺(tái)代碼和后臺(tái)代碼的實(shí)現(xiàn)，需要的朋友可以參考下2017-08-08
jquery實(shí)現(xiàn)圖片等比例縮放以及max-width在ie中不兼容解決
圖片等比例縮放在某些情況下還是比較事用的,不過(guò)max-width和max-height在ie6中不兼容問(wèn)題很是郁悶，接下來(lái)使用jQuery解決這個(gè)問(wèn)題，感興趣的各位可以參考下哈2013-03-03
基于jQuey實(shí)現(xiàn)鼠標(biāo)滑過(guò)變色(整行變色)
相信大家在一些網(wǎng)站都看到過(guò)這種效果吧，當(dāng)鼠標(biāo)放在新聞列表一行的時(shí)候，整行就會(huì)變色，雖然使用CSS也能夠?qū)崿F(xiàn)此種功能，但是由于眾多瀏覽器版本對(duì)于CSS3并沒(méi)有良好的支持，所以在當(dāng)前情況下，使用jQuery實(shí)現(xiàn)此種功能是一個(gè)不錯(cuò)的選擇2015-12-12
本篇文章主要是對(duì)Jquery解析json數(shù)據(jù)進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
JQuery實(shí)現(xiàn)ul中添加LI和刪除指定的Li元素功能完整示例
這篇文章主要介紹了JQuery實(shí)現(xiàn)ul中添加LI和刪除指定的Li元素功能,結(jié)合完整實(shí)例形式分析了jQuery基于事件響應(yīng)的頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-10-10
下面小編就為大家?guī)?lái)一篇JQuery遍歷元素的父輩和祖先的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能，自動(dòng)匹配搜索關(guān)鍵詞功能廣泛應(yīng)用到搜索引擎當(dāng)中，感興趣的小伙伴們可以參考一下2015-10-10
很多朋友對(duì)jquery select的操作很有興趣，但網(wǎng)上的東西太多，所以腳本之家特別將Jquery Select操作方法整理下，方便大家查找。2010-05-05
當(dāng)點(diǎn)擊圖片時(shí)，圖片會(huì)加紅顯示。2009-05-05