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多浏览器捕捉回车事件代码
Jun 22 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
Mar 08 Javascript
简单实现js鼠标跟随效果
Aug 02 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
深入理解vuex2.0 之 modules
Nov 20 Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 Javascript
vue实现点击按钮下载文件功能
Oct 11 Javascript
js实现简易计算器功能
Oct 18 Javascript
学前端,css与javascript重难点浅析
Jun 11 Javascript
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
由php if 想到的些问题
2008/03/22 PHP
解析如何屏蔽php中的phpinfo()函数
2013/06/06 PHP
php针对cookie操作的队列操作类实例
2014/12/10 PHP
浅谈PHP的exec()函数无返回值排查方法(必看)
2017/03/31 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
CSS常用网站布局实例
2008/04/03 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
js实现鼠标感应图片展示的方法
2015/02/27 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
javascript实现的登陆遮罩效果汇总
2015/11/09 Javascript
Jquery 整理元素选取、常用方法一览表
2016/11/26 Javascript
JS常用加密编码与算法实例总结
2016/12/22 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
详解VUE2.X过滤器的使用方法
2018/01/11 Javascript
jquery实现弹窗(系统提示框)效果
2019/12/10 jQuery
python mysqldb连接数据库
2009/03/16 Python
python求pi的方法
2014/10/08 Python
举例讲解Python中的Null模式与桥接模式编程
2016/02/02 Python
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
python Opencv将图片转为字符画
2021/02/19 Python
python email smtplib模块发送邮件代码实例
2018/04/26 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
python BeautifulSoup库的安装与使用
2020/12/17 Python
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
比驿:全球酒店比价网
2018/06/20 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
描述内存分配方式以及它们的区别
2016/10/15 面试题
会计电算化专业毕业生推荐信
2013/12/24 职场文书
十八大闭幕感言
2014/01/22 职场文书
大学生优秀班干部事迹材料
2014/05/26 职场文书
教师党员个人自我评价
2015/03/04 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书