限制form表单提交

  1. form表单的属性 onsubmit="return checkName()"
  2. js实现方法,true表示可以提交,false不可以提交

form 代码:

<form action="${pageContext.request.contextPath}/addUserServlet" method="post" onsubmit="return checkName()">
        <div class="form-group">
            <label for="name">姓名:</label>
            <input type="text" class="form-control" id="name" name="name" placeholder="请输入姓名">
        </div>

        <div class="form-group" style="text-align: center">
            <input class="btn btn-primary" type="submit" value="提交" />
        </div>
    </form>

js代码

<script>
        function checkName() {
            var name = document.getElementById("name");
            if (name.value == "") {
                alert("请输入姓名");
                return false;
            }
            return true;
        }
    </script>

猜你喜欢

转载自blog.csdn.net/weixin_41463971/article/details/88724666