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 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
Nov 22 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
node.js中cluster的使用教程
Jun 09 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
微信小程序页面滑动屏幕加载数据效果
Nov 16 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
Dec 19 Javascript
Vue动态创建注册component的实例代码
Jun 14 Javascript
vue中进行微博分享的实例讲解
Oct 14 Javascript
解决VueCil代理本地proxytable无效报错404的问题
Nov 07 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
Javascript document.referrer判断访客来源网址
2020/05/15 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
2013/07/15 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
2016/05/18 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
微信小程序实现人脸检测功能
2018/05/25 Javascript
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
vue项目使用微信公众号支付总结及遇到的坑
2018/10/23 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
js 实现碰撞检测的示例
2020/10/28 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
[02:39]DOTA2英雄基础教程 极限穿梭编织者
2013/12/05 DOTA
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
Python编码时应该注意的几个情况
2013/03/04 Python
不要用强制方法杀掉python线程
2017/02/26 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
Python实现自动签到脚本功能
2020/08/20 Python
python 检测图片是否有马赛克
2020/12/01 Python
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
设计师大码女装:11 Honoré
2020/05/03 全球购物
门卫人员岗位职责
2013/12/24 职场文书
初中教师业务学习材料
2014/05/12 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
小学母亲节活动总结
2015/02/10 职场文书
二婚主持词
2015/06/30 职场文书
2019年励志签名:致拼搏路上的自己
2019/10/11 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS
整理Python中常用的conda命令操作
2021/06/15 Python
Vue实现tab导航栏并支持左右滑动功能
2021/06/28 Vue.js
Python基础 括号()[]{}的详解
2021/11/07 Python
Redis实现短信验证码登录的示例代码
2022/06/14 Redis