您的位置:首页 > Web前端 > JavaScript

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

2018-02-02 20:50 896 查看
------解决方案--------------------

    <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" onsubmit="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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jsp form
相关文章推荐