3_32江_0625—jsp实现点击验证码刷新验证码

3_32江_0625—jsp实现点击验证码刷新验证码

---

本次操作需要掌握一定的JavaScript语法和对HTML的标签使用。

1、jsp的简易页面

 <form action="./login" method="post">
                <table>
                    <tr>
                        <td><p>用户登录/Login</p></td>
                    </tr>
                    <tr>
                        <td><label for="username">账 号：</label></td>
                        <td><input type="text" name="LoginName" id="username"></td>
                    </tr>
                    <tr>
                        <td><label for="password">密 码：</label></td>
                        <td><input type="password" name="LoginPwd" id="password"></td>
                    </tr>
                    <tr>
                        <td><label for="checkcode">验证码：</label></td>
                        <td>
                            <input type="text" name="validCode" id="checkcode">
                            <img src='./captche' width='100' height='80' onclick="changeCode()"> <a style="font-size: 15px" href="javascript:changeCode()">看不清？换一张</a>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center">
                            <input type='reset' name='reset' id="btn-res" value='取消'>
                            <input type='submit' name='submit' id="btn-sub" value='登录'>
                        </td>
                    </tr>
                </table>
            </form>

2、JavaScript的函数定义

    <script type="text/javascript">
        function changeCode() {
            var img = document.getElementById("img-check");
            img.src = "./captche?time="+ new Date().getTime();
        }
    </script>