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>
相关文章
本文给大家介绍的是一款重点突出的jQuery特效插件效果，使用jFade实现鼠标经过的图片高亮其它变暗，非常实用，推荐给小伙伴们参考下。2015-03-03
下面小编就为大家带来一篇jquery心形点赞关注效果的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
取得select选择的文本与值的情形在很多地方都有用到，且实现的方法有很多，在下面的示例中将为大家详细介绍下jquery是如何做到的2013-12-12
这篇文章主要介绍了JQuery fileupload插件实现文件上传功能的相关资料,需要的朋友可以参考下2016-03-03
这篇文章主要介绍了JS与jQuery实现隔行变色的方法,结合实例形式对比分析了javascript与jQuery实现隔行变色的具体操作步骤与相关技巧,体验一下jQuery的华丽与简洁,需要的朋友可以参考下2016-09-09
jquery (show,fadeOut,Animate)简单效果
jquery (show,fadeOut,Animate)简单效果,需要的朋友可以参考下。2009-11-11
通过JQuery，JQueryUI和Jsplumb实现拖拽模块
这篇文章主要介绍了通过JQuery，JQueryUI和Jsplumb实现拖拽模块，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下2019-06-06
JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它，但有些时候它还是它还是很有作用的。2010-04-04
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
这篇文章主要介绍了jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法,涉及jQuery针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-03-03
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
用jquery实现的对checkbox和radio控件的美化，非常不错，大家可以通过修改图片来实现更漂亮的效果。2010-11-11
最新评论