jQuery登陆判断简单实现代码

最新推荐文章于 2022-01-25 19:05:28 发布

梦想照进他的现实

最新推荐文章于 2022-01-25 19:05:28 发布

阅读量673

点赞数

分类专栏： Javascript教程

Javascript教程专栏收录该内容

37 篇文章 0 订阅

订阅专栏

登陆判断在实际应用中还是比较常见，在客户端执行判断可以减少服务器端的负担，感兴趣的朋友可以参考下

复制代码代码如下:

 
 <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() =='')  
 
 { // www.jbxue.com 
 
 $('#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> // www.jbxue.com 
 
 用户名：<input id="txtUserName" type="text" value="请输入用户名" /><br />  
 
 密 码：<input id="txtPassWord" type="text" value="请输入密码" /><br />  
 
 <input id="btnSubmit" type="button" value="btnSubmit" />  
 
 </body>