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 阻止javascript事件冒泡,获取控件ID值
Jun 27 Javascript
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
javascript事件委托的方式绑定详解
Jun 10 Javascript
全面解析Node.js 8 重要功能和修复
Jun 02 Javascript
webpack-dev-server远程访问配置方法
Feb 22 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
angular2模块和共享模块详解
Apr 08 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
用VueJS写一个Chrome浏览器插件的实现方法
Feb 27 Javascript
js的新生代垃圾回收知识点总结
Aug 22 Javascript
VUE实现强制渲染,强制更新
Oct 29 Javascript
JavaScript canvas绘制渐变颜色的矩形
Feb 18 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数据库安装图文教程)
2010/04/28 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
PHP explode()函数的几个应用和implode()函数有什么区别
2015/11/05 PHP
深入解析PHP的Laravel框架中的event事件操作
2016/03/21 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
PHP的mysqli_set_charset()函数讲解
2019/01/23 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
浅析document.ready和window.onload的区别讲解
2013/12/18 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
2013/12/27 Javascript
js判断字符长度以及中英文数字等
2013/12/31 Javascript
jquery live()重复绑定的解决方法介绍
2014/01/03 Javascript
DOM操作一些常用的属性汇总
2015/03/13 Javascript
分享jQuery插件的学习笔记
2016/01/14 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
2016/08/01 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
微信小程序如何获取用户收货地址
2018/11/27 Javascript
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
python将txt文件读取为字典的示例
2018/12/22 Python
python中import与from方法总结(推荐)
2019/03/21 Python
Django学习笔记之为Model添加Action
2019/04/30 Python
django将数组传递给前台模板的方法
2019/08/06 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
python判断all函数输出结果是否为true的方法
2020/12/03 Python
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
网上开店必备创业计划书
2014/01/26 职场文书
2015年公务员个人工作总结
2015/04/24 职场文书
2015教师节通讯稿
2015/07/20 职场文书
win11怎么用快捷键锁屏? windows11锁屏的几种方法
2021/11/21 数码科技
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js