 
<script src="jquery-1.9.1.js"></script> 
<script type="text/javascript"> 
$('#txtUserName').focus(function () { 
$('#txtUserName').val(''); 
}) 
$('#txtPassWord').focus(function () { 
$('#txtPassWord').val(''); 
}) 
$('#txtUserName').blur(function () { 
if ($('#txtUserName').val() =='') 
{ 
$('#txtUserName').val('用戶名不能為空'); 
//重新獲得焦點(diǎn) 
// $('#txtUserName').focus(); 
} 
}) 
$('#txtPassWord').blur(function () { 
if ($('#txtPassWord').val() == '') { 
$('#txtPassWord').val('密碼不能為空'); 
} 
}) 
$('#btnSubmit').click(function () { 
if ($('#txtUserName').val() == 'admin' && $('#txtPassWord').val() == '888888') 
{ alert('登陸成功！'); } 
else { alert('登陸失敗！'); } 
}) 
}) 
</script> 
</head> 
<body> 
用戶名：<input id="txtUserName" type="text" value="請(qǐng)輸入用戶名" /><br /> 
密 碼：<input id="txtPassWord" type="text" value="請(qǐng)輸入密碼" /><br /> 
<input id="btnSubmit" type="button" value="btnSubmit" /> 
</body> 

您可能感興趣的文章:

相關(guān)文章

jQuery插件jFade實(shí)現(xiàn)鼠標(biāo)經(jīng)過的圖片高亮其它變暗
本文給大家介紹的是一款重點(diǎn)突出的jQuery特效插件效果，使用jFade實(shí)現(xiàn)鼠標(biāo)經(jīng)過的圖片高亮其它變暗，非常實(shí)用，推薦給小伙伴們參考下。
2015-03-03
jquery心形點(diǎn)贊關(guān)注效果的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猨query心形點(diǎn)贊關(guān)注效果的簡(jiǎn)單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
jQuery取得select選擇的文本與值的示例
取得select選擇的文本與值的情形在很多地方都有用到，且實(shí)現(xiàn)的方法有很多，在下面的示例中將為大家詳細(xì)介紹下jquery是如何做到的
2013-12-12
JQuery fileupload插件實(shí)現(xiàn)文件上傳功能
這篇文章主要介紹了JQuery fileupload插件實(shí)現(xiàn)文件上傳功能的相關(guān)資料,需要的朋友可以參考下
2016-03-03
JS與jQuery實(shí)現(xiàn)隔行變色的方法
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)隔行變色的方法,結(jié)合實(shí)例形式對(duì)比分析了javascript與jQuery實(shí)現(xiàn)隔行變色的具體操作步驟與相關(guān)技巧,體驗(yàn)一下jQuery的華麗與簡(jiǎn)潔,需要的朋友可以參考下
2016-09-09
jquery (show,fadeOut,Animate)簡(jiǎn)單效果
jquery (show,fadeOut,Animate)簡(jiǎn)單效果,需要的朋友可以參考下。
2009-11-11
通過JQuery，JQueryUI和Jsplumb實(shí)現(xiàn)拖拽模塊
這篇文章主要介紹了通過JQuery，JQueryUI和Jsplumb實(shí)現(xiàn)拖拽模塊，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下
2019-06-06
jquery 事件對(duì)象屬性小結(jié)
JQuery事件中的Event屬性是經(jīng)常性的被忽略的。大多數(shù)時(shí)間你的確不怎么用它，但有些時(shí)候它還是它還是很有作用的。
2010-04-04
jQuery實(shí)現(xiàn)文字超過1行、2行或規(guī)定的行數(shù)時(shí)自動(dòng)加省略號(hào)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)文字超過1行、2行或規(guī)定的行數(shù)時(shí)自動(dòng)加省略號(hào)的方法,涉及jQuery針對(duì)頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-03-03
使用jquery與圖片美化checkbox和radio控件的代碼(打包下載)
用jquery實(shí)現(xiàn)的對(duì)checkbox和radio控件的美化，非常不錯(cuò)，大家可以通過修改圖片來實(shí)現(xiàn)更漂亮的效果。
2010-11-11