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中的闭包原理分析
Mar 08 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
JavaScript中指定函数名称的相关方法
Jun 04 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
Nov 07 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 Javascript
Vue中的this.$options.data()和this.$data用法说明
Jul 26 Javascript
基于javascript实现移动端轮播图效果
Dec 21 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中substr_count()函数获取子字符串出现次数的方法
2016/01/07 PHP
php微信开发之上传临时素材
2016/06/24 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
Prototype Template对象 学习
2009/07/19 Javascript
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
createElement与createDocumentFragment的点点区别小结
2011/12/19 Javascript
jquery 实现input输入什么div图层显示什么
2014/06/15 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
2015/03/28 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
vue 返回上一页,页面样式错乱的解决
2019/11/14 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
学前端,css与javascript重难点浅析
2020/06/11 Javascript
[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
用pywin32实现windows模拟鼠标及键盘动作
2014/04/22 Python
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
Python学生信息管理系统修改版
2018/03/13 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
python 模拟银行转账功能过程详解
2019/08/06 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
假面舞会策划方案
2014/05/29 职场文书
商铺门前三包责任书
2014/07/25 职场文书
党员学习中共十八大思想报告
2014/09/12 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
2014年英语教研组工作总结
2014/12/06 职场文书
《赵州桥》教学反思
2016/02/17 职场文书