jQuery登陆判断简单实现代码
jQuery登陆判断简单实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$('#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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类