zoukankan      html  css  js  c++  java
  • 防止表单重复提交!<form onsubmit="return false;"></form >

    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
    /*方法一:除了用这种方式之外,经常见的另一种方式就是表单提交之后,将提交按钮设置为不可用,让用户没有机会点击第二次提交按钮,代码如下:*/
    function dosubmit() {
    //获取表单提交按钮
    var btnSubmit = document.getElementById("submit");
    //将表单提交按钮设置为不可用,这样就可以避免用户再次点击提交按钮
    btnSubmit.disabled = "disabled";
    //返回true让表单可以正常提交
    return true;
    }
    /*方法二:用JavaScript控制Form表单只能提交一次*/
    var isCommitted = false;//表单是否已经提交标识,默认为false
    function dosubmit() {
    if (isCommitted == false) {
    isCommitted = true;//提交表单后,将表单是否已经提交标识设置为true
    return true;//返回true让表单正常提交
    } else {
    return false;//返回false那么表单将不提交
    }
    }
    </script>
    </head>
    <body>
    <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" onsubmit="return dosubmit()" method="post">
    用户名:<input type="text" name="username">
    <input type="submit" value="提交" id="submit">
    </form>
    </body>
    </html>

  • 相关阅读:
    css常见布局问题
    jsonp原理及同源策略
    执行webpack-dev-server时,提示端口被占用。
    PHP中的<<<运算符
    PHP中的字符串类型
    数据库系统的结构
    HDU 2516 取石子游戏
    常用MySql命令列选
    mysql简单语句
    微信小程序-循环
  • 原文地址:https://www.cnblogs.com/lihong-123/p/8472808.html
Copyright © 2011-2022 走看看