手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery登陆判断简单实现代码
jQuery登陆判断简单实现代码
摘要:复制代码代码如下:$('#txtUserName').focus(function(){$('#txtUserName').val('');...

复制代码 代码如下:

<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登陆判断简单实现代码】相关文章:

jquery简单实现外部链接用新窗口打开的方法

JQuery中上下文选择器实现方法

jQuery 遍历函数详解

jQuery插件expander实现图片翻转特效

jquery实现图片左右切换的方法

jQuery结合ajax实现动态加载文本内容

一段实时更新的时间代码

JQuery分屏指示器图片轮换效果实例

分享十五款 jQuery 社交网络分享插件

js实现异步循环实现代码

精品推荐
分类导航