jQuery实现简单登陆判断

最新推荐文章于 2019-10-27 23:03:22 发布

商炳奇

最新推荐文章于 2019-10-27 23:03:22 发布

阅读量1.3k

点赞数

分类专栏： C#

本文链接：https://blog.csdn.net/shang_111111/article/details/8826553

版权

C# 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

            $('#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>

商炳奇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery实现简单登陆判断

$('#txtUserName').focus(function () { $('#txtUserName').val(''); }) $('#txtPassWord').focus(function () { $('#txtPassWord').val('');
复制链接

扫一扫