双向验证＋动态图

最新推荐文章于 2022-05-08 11:19:02 发布

sir_hanhanhan

最新推荐文章于 2022-05-08 11:19:02 发布

阅读量349

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/sir_hanhanhan/article/details/108797995

版权

笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

嗯，这个是是在一次小作业中，自己突然忘了要如何对这些登陆选项进行各方面验证，我总觉得可以用&符号合并写在一块，但试了之后发现不行，只好又用这种最原始的方法，然后在这几天内，我发现自己遇到问题，要敢于去用不同的代码去试，没准自己就试出了更简单的方法，当然我肯定是因为这样试出来过，才这样说，确实要敢于去尝试，不然一昧的用老师最开始教的，自己想要突破一下，想要进步一下属实有点难，然后对于这周休息两天，谢老师给我们任务，我自己盯着看了看，看完之后感觉我自己是处于完全懵逼的状态，感觉无从下手，这可能是我自己的问题，但我确实是无从下手，不知道要写什么，嗯～就明天就把这两天自己所遇到的不懂得，就去找一下老师，让谢老师帮忙解答一下。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            $("span").css("color", "red");
            $("#yin").css("color", "grey");
            $("#denglu").click(function () {
                var id = $("#id").val();
                var pwd = $("#password").val();
                var yzm = $("#yzm").val;
                if (id == "") {
                    alert("学号不能为空");
                } else if (pwd == "") {
                    alert("密码不能为空");
                } else if (yzm == "") {
                    alert("验证码不能为空");
                } else {
                    alert("登陆成功");
                }
            })
        })
    </script>
</head>
<body>
    <table>
        <tr>
            <td>学号：</td>
            <td>
                <input type="text" name="xuehao" id="id" /><span>*用户名不为空</span>
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input type="password" name="password" id="password" /><span>*密码不为空</span>
            </td>
        </tr>
        <tr>
            <td>验证码：</td>
            <td>
                <input type="text"  id="yzm" /><span>*验证码不为空</span>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" id="yin">输入下图中的字符，不区分大小写</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                <img src="img/N{SIW)24B2M4R@~67[T%%`9.jpg" />
            </td>
            <td colspan="2"><a href="#">看不清，换一张</a></td>
        </tr>
        <tr>
            <td></td>
            <td colspan="2">
                <input type="button" value="马上登录" id="denglu" />
            </td>
        </tr>
    </table>

</body>
</html>