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 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
使用js如何实现全选与全不选
Dec 30 Javascript
js实现在网页上简单显示时间的方法
Mar 02 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
Nov 18 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
原生JS获取元素集合的子元素宽度实例
Dec 14 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
Aug 24 Javascript
vue实现条件判断动态绑定样式的方法
Sep 29 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
Jun 25 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中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
golang 调用 php7详解及实例
2017/01/04 PHP
JS 容错处理代码, 屏蔽错误信息
2021/03/09 Javascript
JS中FRAME的操作问题实例分析
2014/10/21 Javascript
jQuery解析XML文件同时动态增加js文件的方法
2015/06/01 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
NodeJS简单实现WebSocket功能示例
2018/02/10 NodeJs
js中Array对象的常用遍历方法详解
2019/01/17 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
[56:42]VP vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python执行时间的计算方法小结
2017/03/17 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
python中的tcp示例详解
2018/12/09 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
Larsson & Jennings官网:现代瑞士钟表匠
2018/03/20 全球购物
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
PHP中如何创建和修改数组
2012/05/02 面试题
《桂林山水》教学反思
2014/02/08 职场文书
采购类个人求职的自我评价
2014/02/18 职场文书
我的梦想演讲稿
2014/04/30 职场文书
医院党员公开承诺书
2014/08/30 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
四风自我剖析材料
2014/09/30 职场文书
2015年酒店客房部工作总结
2015/04/25 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
使用pytorch实现线性回归
2021/04/11 Python
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python
Linux中如何安装并部署Redis
2022/04/18 Servers
apache ftpserver搭建ftp服务器
2022/05/20 Servers
关于mysql中string和number的转换问题
2022/06/14 MySQL