jsp表单提交使用onsubmit提交前校验

最新推荐文章于 2022-02-12 10:17:46 发布

深度解析

最新推荐文章于 2022-02-12 10:17:46 发布

阅读量2k

点赞数

分类专栏： jsp 文章标签： jsp form

本文链接：https://blog.csdn.net/dx_shendu/article/details/79242962

版权

jsp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

------解决方案--------------------

    <script type="text/javascript">
        function loginCheck(obj) {
            var userName = obj.userName.value;
            var password = obj.password.value;
            var code = obj.code.value;
            if (userName == null || userName == "") {
                alert("用户名不能为空！");
                return false;
            }
            if (password == null || password == "") {
                alert("密码不能为空！");
                return false;
            }
            if (code == null || code == "") {
                alert("请输入验证码！");
                return false;
            }
            return true;
        }
    </script>

<form action="url" method="post" οnsubmit="return loginCheck(this)">
        <table>
            <tr>
                <td>
                    <label>用户名</label>
                </td>
                <td>
                    <input type="text" name="userName" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>密码</label>
                </td>
                <td>
                    <input type="text" name="password" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>验证码</label>
                </td>
                <td>
                    <input type="text" name="code" />
                </td>
            </tr>
        </table>
        <input type="submit" value="登陆" />
    </form>