快捷導(dǎo)航

jQuery登陸判斷簡單實現(xiàn)代碼

更新時間：2013年04月21日 15:53:11 作者：

登陸判斷在實際應(yīng)用中還是比較常見，在客戶端執(zhí)行判斷可以減少服務(wù)器端的負(fù)擔(dān)，感興趣的朋友可以參考下

 
<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('用戶名不能為空'); 
//重新獲得焦點 
// $('#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="請輸入用戶名" /><br /> 
密 碼：<input id="txtPassWord" type="text" value="請輸入密碼" /><br /> 
<input id="btnSubmit" type="button" value="btnSubmit" /> 
</body> 

您可能感興趣的文章:

相關(guān)文章

3kb jQuery代碼搞定各種樹形選擇的實現(xiàn)方法
下面小編就為大家?guī)硪黄?kb jQuery代碼搞定各種樹形選擇的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
jquery圖片切換實例分析
這篇文章主要介紹了jquery圖片切換的方法,實例分析了jQuery實現(xiàn)頁面元素與相應(yīng)樣式切換效果的使用相關(guān)技巧,設(shè)計jQuery中hide、fadeIn、css、setInterval等方法的使用,需要的朋友可以參考下
2015-04-04
用jquery中插件dialog實現(xiàn)彈框效果實例代碼
這篇文章介紹了jquery中插件dialog實現(xiàn)彈框效果實例代碼，有需要的朋友可以參考一下
2013-11-11
jquery.boxy插件的iframe擴(kuò)展代碼
jquery.boxy插件的iframe擴(kuò)展
2010-07-07
jquery實現(xiàn)的回旋滾動效果完整實例【附demo源碼下載】
這篇文章主要介紹了jquery實現(xiàn)的回旋滾動效果,可實現(xiàn)點擊后側(cè)圖片呈現(xiàn)立體翻轉(zhuǎn)切換的功能,涉及jQuery插件roundabout.js的使用,并附帶了完整實例demo源碼供讀者下載參考,需要的朋友可以參考下
2016-09-09
jQuery實現(xiàn)大轉(zhuǎn)盤抽獎活動仿QQ音樂代碼分享
這篇文章主要展示了jQuery實現(xiàn)大轉(zhuǎn)盤抽獎活動仿QQ音樂實現(xiàn)代碼，需要的朋友可以參考下
2015-08-08
基于jQuery插件實現(xiàn)點擊小圖顯示大圖效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實現(xiàn)點擊小圖顯示大圖效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-05-05
動態(tài)設(shè)置form表單的action屬性的值的簡單方法
下面小編就為大家?guī)硪黄獎討B(tài)設(shè)置form表單的action屬性的值的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
jQuery實現(xiàn)掃雷小游戲
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)掃雷小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
JQuery實現(xiàn)動態(tài)表格點擊按鈕表格增加一行
動態(tài)表格,功能為點擊添加按鈕，表格增加一行并給其name屬性賦予的值，點擊刪除，自動刪除這一行，具體實現(xiàn)如下
2014-08-08