jQuery登陸判斷簡單實現(xiàn)代碼
更新時間:2013年04月21日 15:53:11 作者:
登陸判斷在實際應用中還是比較常見,在客戶端執(zhí)行判斷可以減少服務器端的負擔,感興趣的朋友可以參考下
復制代碼 代碼如下:
<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>
相關文章
3kb jQuery代碼搞定各種樹形選擇的實現(xiàn)方法
下面小編就為大家?guī)硪黄?kb jQuery代碼搞定各種樹形選擇的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
用jquery中插件dialog實現(xiàn)彈框效果實例代碼
這篇文章介紹了jquery中插件dialog實現(xiàn)彈框效果實例代碼,有需要的朋友可以參考一下2013-11-11
jquery實現(xiàn)的回旋滾動效果完整實例【附demo源碼下載】
這篇文章主要介紹了jquery實現(xiàn)的回旋滾動效果,可實現(xiàn)點擊后側圖片呈現(xiàn)立體翻轉切換的功能,涉及jQuery插件roundabout.js的使用,并附帶了完整實例demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
jQuery實現(xiàn)大轉盤抽獎活動仿QQ音樂代碼分享
這篇文章主要展示了jQuery實現(xiàn)大轉盤抽獎活動仿QQ音樂實現(xiàn)代碼,需要的朋友可以參考下2015-08-08
動態(tài)設置form表單的action屬性的值的簡單方法
下面小編就為大家?guī)硪黄獎討B(tài)設置form表單的action屬性的值的簡單方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
JQuery實現(xiàn)動態(tài)表格點擊按鈕表格增加一行
動態(tài)表格,功能為點擊添加按鈕,表格增加一行并給其name屬性賦予的值,點擊刪除,自動刪除這一行,具體實現(xiàn)如下2014-08-08

