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 三种编解码方式
Feb 01 Javascript
生成二维码方法汇总
Dec 26 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
JavaScript操作URL的相关内容集锦
Oct 29 Javascript
由浅入深剖析Angular表单验证
Jul 14 Javascript
Bootstrap整体框架之JavaScript插件架构
Dec 15 Javascript
轻松理解JavaScript闭包
Mar 14 Javascript
微信小程序点击控件修改样式实例详解
Jul 07 Javascript
完美解决linux下node.js全局模块找不到的情况
May 16 Javascript
vue和webpack项目构建过程常用的npm命令详解
Jun 15 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 Javascript
JavaScript事件委托实现原理及优点进行
Aug 29 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的面向对象编程
2006/10/09 PHP
解析PHP SPL标准库的用法(遍历目录,查找固定条件的文件)
2013/06/18 PHP
开源php中文分词系统SCWS安装和使用实例
2014/04/11 PHP
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
ThinkPHP安装和设置
2015/07/27 PHP
php字符串操作针对负值的判断分析
2016/07/28 PHP
php文件后缀不强制为.php的实操方法
2019/09/18 PHP
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
鼠标右击事件代码(asp.net后台)
2011/01/27 Javascript
使用jQuery validate 验证注册表单实例演示
2013/03/25 Javascript
jQuery创建自定义的选择器用以选择高度大于100的超链接实例
2015/03/18 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
2016/01/26 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
jquery实现表单获取短信验证码代码
2017/03/13 Javascript
angularjs项目的页面跳转如何实现(5种方法)
2017/05/25 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
微信小程序template模板实例详解
2017/10/27 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
在 Vue.js中优雅地使用全局事件的方法
2019/02/01 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
js实现表单项的全选、反选及删除操作示例
2020/06/05 Javascript
微信小程序实现底部弹出模态框
2020/11/18 Javascript
Python3 串口接收与发送16进制数据包的实例
2019/06/12 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
泰国Robinson百货官网:购买知名品牌的商品
2020/02/08 全球购物
向全球直邮输送天然健康产品:iHerb.com
2020/05/03 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
开水果连锁店创业计划书
2013/12/29 职场文书
对教师的评语
2014/04/28 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
2015年库房工作总结
2015/04/30 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书
史上最全的军训拉歌口号
2015/12/25 职场文书
golang 实现并发求和
2021/05/08 Golang
JavaScript流程控制(循环)
2021/12/06 Javascript