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 相关文章推荐
用Javascript实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
javascript检测两个数组是否相似
May 19 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
May 05 Javascript
jQuery的框架介绍
May 11 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
浅谈js中的变量名和函数名重名
Feb 13 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
Apr 08 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 Javascript
jQuery实现动态操作table行
Nov 23 jQuery
vue 自定义组件添加原生事件
Apr 21 Vue.js
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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
PHP批量上传图片的具体实现方法介绍.
2014/02/26 PHP
Yii2.0中使用js异步删除示例
2017/03/10 PHP
PHP在弹框中获取foreach中遍历的id值并传递给地址栏
2017/06/13 PHP
php使用环形链表解决约瑟夫问题完整示例
2018/08/07 PHP
xtree.js 代码
2007/03/13 Javascript
juqery 学习之三 选择器 可见性 元素属性
2010/11/25 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
Seajs的学习笔记
2014/03/04 Javascript
使用js操作css实现js改变背景图片示例
2014/03/10 Javascript
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
JS中产生标识符方式的演变
2015/06/12 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
2018/08/20 Javascript
解决element UI 自定义传参的问题
2018/08/22 Javascript
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python中replace方法实例分析
2014/08/20 Python
Python3简单实例计算同花的概率代码
2017/12/06 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
培训自我鉴定
2014/01/31 职场文书
记账会计岗位职责
2014/06/16 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
小学数学教师研修日志
2015/11/13 职场文书
超市啤酒狂欢夜策划方案范文!
2019/07/03 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js