当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery登陆判断简单实现代码

jQuery登陆判断简单实现代码

2018年09月14日  | 移动技术网IT编程  | 我要评论

代码如下:

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网