编程 Javascript

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>

jQuery登陆判断简单实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javaScript中的this示例学习详解及工作原理

Jan 13 Javascript

JS阻止冒泡事件以及默认事件发生的简单方法

Jan 17 Javascript

JavaScript实现twitter puddles算法实例

Dec 06 Javascript

jQuery中is()方法用法实例

Jan 06 Javascript

JS中prototype的用法实例分析

Mar 19 Javascript

JAVA四种基本排序方法实例总结

Jul 24 Javascript

Vue.js进行查询操作的实例详解

Aug 25 Javascript

Vue 组件（component）教程之实现精美的日历方法示例

Jan 08 Javascript

node+koa2+mysql+bootstrap搭建一个前端论坛

May 06 Javascript

微信小程序中转义字符的处理方法

Mar 28 Javascript

在layer弹层layer.prompt中,修改placeholder的实现方法

Sep 27 Javascript

jQuery实现简单飞机大战

Jul 05 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