表单的重复提交，解决方案

表单的重复提交，解决方案：

第一种情况：在提交表单时，如果网速较差，可能会导致点击提交按钮多次：

- 解决方法：点击提交按钮之后，使按钮不可用。通过js完成：

表单的重复提交，解决方案

<script type="text/javascript">
    window.onload = function(){ 
        //获取按钮的对象
        var btn = document.getElementById("btn");
        //为按钮绑定单击响应函数
        btn.onclick = function(){     
            //点击以后使按钮不可用
            this.disabled=true;  
            //当将提交按钮设置为不可用时，会自动取消它的默认行为
            //手动提交表单
            this.parentNode.submit();  
        };
    };
</script>
 
<form action="${pageContext.request.contextPath }/SessionServlet" >
user:<input type="text" name="username">
password<input type="password" name="pwd">
<input type="submit" value="提交" > 
</form>

View Code