jquery通过设定用户名密码进行简单的登录与重置

最新推荐文章于 2022-12-06 14:02:46 发布

hemingyang97

最新推荐文章于 2022-12-06 14:02:46 发布

阅读量2.1k

点赞数 1

分类专栏： jQuery 文章标签： jquery通过设定用户名密码进行简单的登录与重置

本文链接：https://blog.csdn.net/hemingyang97/article/details/80848280

版权

jQuery 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="Scripts/jquery-1.11.3.js"></script>
    <script>
    //文档就绪函数
    $(function () {
        //设置重置按钮事件
        $("#reset").click(function () {
            $("#textname").val("");
            $("#Password1").val("");
        });
        //设置登录按钮事件
        $("#logon").click(function () {
            //获取用户名文本框内容
            var textname = $("#textname").val();
            //获取密码文本框内容
            var Password1 = $("#Password1").val();
            //对设定的用户名密码进行判断
            if (textname == "hemingyang" && Password1 == "123456") {
                alert("登陆成功");
            }
            else {
                alert("用户名或密码错误！！！！");
            }
        });
    });

</script>
</head>
<body>
    <div>
       用户名： <input id="textname" type="text" /><br />
       密码： <input id="Password1" type="password" /><br />
        <input id="reset" type="button" value="重置" />
        <input id="logon" type="button" value="登录" />
    </div>
</body>
</html>

hemingyang97

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
jquery通过设定用户名密码进行简单的登录与重置

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8
复制链接

扫一扫