如何使用js 防止表单重复提交的方法

一个新手

Lepaskan： 2017-09-18 10:41:33

asal

1684 orang telah melayarinya

通过js控制，设置一个布尔类型的值进行判定，提交之后改变值，之后再次提交就不通过即可。

代码如下：

<!DOCTYPE HTML><html>
  <head>
    <title>Form表单</title>
  </head>

   <script type="text/javascript">
        var isCommitted = false;//表单是否已经提交标识，默认为false
        function dosubmit(){
            if(isCommitted==false){
                isCommitted = true;//提交表单后，将表单是否已经提交标识设置为true
                return true;//返回true让表单正常提交
            }else{                return false;//返回false那么表单将不提交
            }
        }    </script>
  <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>

Salin selepas log masuk

Atas ialah kandungan terperinci 如何使用js 防止表单重复提交的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

javascript 表单 ulang

sumber：php.cn

Artikel sebelumnya：jquery遍历集合$each()如何使用 Artikel seterusnya：JS将string字符串转为json对象的方法

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang