jQuery登陆判断简单实现代码
更新时间：2013年04月21日 15:53:11 作者：
登陆判断在实际应用中还是比较常见，在客户端执行判断可以减少服务器端的负担，感兴趣的朋友可以参考下
复制代码 代码如下:
<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>
相关文章
下面小编就为大家带来一篇3kb jQuery代码搞定各种树形选择的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了jquery图片切换的方法,实例分析了jQuery实现页面元素与相应样式切换效果的使用相关技巧,设计jQuery中hide、fadeIn、css、setInterval等方法的使用,需要的朋友可以参考下2015-04-04
这篇文章介绍了jquery中插件dialog实现弹框效果实例代码，有需要的朋友可以参考一下2013-11-11
jquery.boxy插件的iframe扩展2010-07-07
jquery实现的回旋滚动效果完整实例【附demo源码下载】
这篇文章主要介绍了jquery实现的回旋滚动效果,可实现点击后侧图片呈现立体翻转切换的功能,涉及jQuery插件roundabout.js的使用,并附带了完整实例demo源码供读者下载参考,需要的朋友可以参考下2016-09-09
这篇文章主要展示了jQuery实现大转盘抽奖活动仿QQ音乐实现代码，需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了基于jQuery实现点击小图显示大图效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-05-05
下面小编就为大家带来一篇动态设置form表单的action属性的值的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了jQuery实现扫雷小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
动态表格,功能为点击添加按钮，表格增加一行并给其name属性赋予的值，点击删除，自动删除这一行，具体实现如下2014-08-08
最新评论