cari

Rumah  >  Artikel  >  hujung hadapan web  >  如何使用js 防止表单重复提交的方法

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

一个新手
一个新手asal
2017-09-18 10:41:331668semak imbas


通过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>

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

Kenyataan：
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 sebelumnya：jquery遍历集合$each()如何使用Artikel seterusnya：JS将string字符串转为json对象的方法

Artikel berkaitan

Lihat lagi