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 相关文章推荐
ext jquery 简单比较
Apr 07 Javascript
js中数组Array的一些常用方法总结
Aug 12 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
Sep 10 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
Oct 15 Javascript
AngularJS ng-template寄宿方式用法分析
Nov 07 Javascript
JavaScript两个变量交换值的实现方法
Mar 01 Javascript
AngularJS实现的回到顶部指令功能实例
May 17 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
Jan 24 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
Aug 20 Javascript
Canvas实现微信红包照片效果
Aug 21 Javascript
原生JavaScript实现五子棋游戏
Nov 09 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 Mysql日期和时间函数集合
2007/11/16 PHP
php生成随机数的三种方法
2014/09/10 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
php自定义错误处理用法实例
2015/03/20 PHP
初识PHP中的Swoole
2016/04/05 PHP
33种Javascript 表格排序控件收集
2009/12/03 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
JavaScript立即执行函数的三种不同写法
2014/09/05 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
2015/09/01 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
利用python模拟sql语句对员工表格进行增删改查
2017/07/05 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
详解Python sys.argv使用方法
2019/05/10 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
django框架ModelForm组件用法详解
2019/12/11 Python
python实现UDP协议下的文件传输
2020/03/20 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
艺龙旅行网酒店预订:国内、港澳台酒店
2018/06/26 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
名词解释WEB SERVICE,SOAP,UDDI,WSDL,JAXP,JAXM;JSWDL开发包的介绍。
2012/10/27 面试题
如何拷贝一整个Java对象,包括它的状态
2013/12/27 面试题
后勤人员自我评价怎么写
2013/09/19 职场文书
收款委托书范本
2014/09/11 职场文书
2015年幼儿园个人工作总结
2015/04/25 职场文书
办公室卫生管理制度
2015/08/04 职场文书
Html5新增了哪些功能
2021/04/16 HTML / CSS
python3.9之你应该知道的新特性详解
2021/04/29 Python
python中如何对多变量连续赋值
2021/06/03 Python
用Python将GIF动图分解成多张静态图片
2021/06/11 Python
Go语言设计模式之结构型模式
2021/06/22 Golang