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 相关文章推荐
JS实现CheckBox复选框全选、不选或全不选功能
Jul 28 Javascript
前端js文件合并的三种方式推荐
May 19 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
js表单登陆验证示例
Oct 19 Javascript
JavaScript数据结构学习之数组、栈与队列
May 02 Javascript
js上传图片预览的实现方法
May 09 Javascript
Javascript中的getter和setter初识
Aug 17 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
Apr 17 Javascript
VUE 实现复制内容到剪贴板的两种方法
Apr 24 Javascript
Vue-axios-post数据后端接不到问题解决
Jan 09 Javascript
vue中v-model对select的绑定操作
Aug 31 Javascript
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
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
2020年4月新番动漫目录 官方宣布4月播出的作品一览
2020/03/08 日漫
玛琪朵 Macchiato
2021/03/03 咖啡文化
完美解决dedecms中的[html][/html]和[code][/code]问题
2007/03/20 PHP
PHP面向对象教程之自定义类
2014/06/10 PHP
PHP正则表达式 /i, /is, /s, /isU等介绍
2014/10/23 PHP
PHP SPL标准库之数据结构栈(SplStack)介绍
2015/05/12 PHP
关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机
2018/11/20 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
JavaScript 原型继承
2011/12/26 Javascript
jQuery代码实现发展历程时间轴特效
2015/07/30 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
2016/03/11 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
Mac 安装 nodejs方法(图文详细步骤)
2017/10/30 NodeJs
Vue配合iView实现省市二级联动的示例代码
2018/07/27 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
Python批处理删除和重命名文件夹的实例
2018/07/11 Python
对python中的 os.mkdir和os.mkdirs详解
2018/10/16 Python
使用Python向C语言的链接库传递数组、结构体、指针类型的数据
2019/01/29 Python
实例介绍Python中整型
2019/02/11 Python
Python GUI编程完整示例
2019/04/04 Python
Python函数中的可变长参数详解
2019/09/12 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
python如何变换环境
2020/07/21 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
2014学雷锋活动总结
2014/03/09 职场文书
赡养老人协议书
2014/04/21 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书
XX部保密工作制度范本
2019/08/27 职场文书
微信小程序基础教程之echart的使用
2021/06/01 Javascript
mysql sql常用语句大全
2022/06/21 MySQL