jQuery登陆判断简单实现代码


Posted in Javascript onApril 21, 2013
<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>
Javascript 相关文章推荐
jQuery插件slider实现拖动滑块选取价格范围
Apr 30 Javascript
Node.js的Express框架使用上手指南
Mar 12 Javascript
Angular 2应用的8个主要构造块有哪些
Oct 17 Javascript
原生JS下拉加载插件分享
Dec 26 Javascript
vue cli 3.0 使用全过程解析
Jun 14 Javascript
Angular2之二级路由详解
Aug 31 Javascript
vue文件运行的方法教学
Feb 12 Javascript
使用Element的InfiniteScroll 无限滚动组件报错的解决
Jul 27 Javascript
JavaScript经典案例之简易计算器
Aug 24 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 Javascript
js实现弹幕墙效果
Dec 10 Javascript
jQuery实现影院选座订座效果
Apr 13 jQuery
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Apr 21 #Javascript
Jquery submit()无法提交问题
Apr 21 #Javascript
用表格输出1-1000之间的数字实现代码(附特效)
Apr 21 #Javascript
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
Apr 20 #Javascript
对jQuery的事件绑定的一些思考(补充)
Apr 20 #Javascript
A标签中通过href和onclick传递的this对象实现思路
Apr 19 #Javascript
javascript中onclick(this)用法介绍
Apr 19 #Javascript
You might like
中英文字符串翻转函数
2008/12/09 PHP
PHP实现动态柱状图改进版
2015/03/30 PHP
php实现的http请求封装示例
2016/11/08 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
php实现微信支付之现金红包
2018/05/30 PHP
CSS+JS构建的图片查看器
2006/07/22 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
2010/03/01 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
2015/04/02 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
BootStrap中Datepicker控件带中文的js文件
2016/08/10 Javascript
移动设备手势事件库Touch.js使用详解
2017/08/18 Javascript
vue 不使用select实现下拉框功能(推荐)
2018/05/17 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
vue2.0项目集成Cesium的实现方法
2019/07/30 Javascript
详解Python中的正则表达式的用法
2015/04/09 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
简单了解为什么python函数后有多个括号
2019/12/19 Python
jupyter notebook实现显示行号
2020/04/13 Python
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
本科毕业生自我鉴定
2013/11/02 职场文书
生物科学专业个人求职信范文
2013/12/05 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
本科应届生求职信
2014/08/05 职场文书
会议接待欢迎标语
2014/10/08 职场文书
顶岗实习协议书
2015/01/29 职场文书
2015大学党建带团建工作总结
2015/07/23 职场文书
初中班主任教育随笔
2015/08/15 职场文书
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL