双向验证+动态图

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

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

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页